自动化-03-练习界面

2019-08-04  本文已影响0人  果芽软件
<html>
    <head>
        <title>吴令主页</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    </head>
    
    <body>
        <table border='1' style="width:500px">
            
            <tr>
                <th>测试点
                </th>
                <th>控件
                </th>
                <th>测试要求
                </th>
            </tr>
            <tr>
                <td>text:文本输入框
                </td>
                
                <td><input type = 'text'/>
                </td>
                <td>输入“果芽软件”
                </td>
            </tr>
            <tr>
                <td>file:文件上传框
                </td>
                
                <td><input type = 'file'/>
                </td>
                <td>上传一个本地文件
                </td>
            </tr>
            <tr>
                <td>radio:单选框
                </td>
                
                <td>
                    <input type='radio' name='sex'/>男
                    <input type='radio' name='sex'/>女
                </td>
                <td>选择“女”
                </td>
            </tr>
            <tr>
                <td>checkbox:多选框
                </td>
                
                <td>
                <input type='checkbox' name ='phone'/>小米
                <input type='checkbox' name ='phone'/>华为
                <input type='checkbox' name ='phone'/>苹果
                </td>
                <td>三个选项都选上
                </td>
            </tr>
            <tr>
                <td>button:普通按钮
                </td>
                
                <td>
                <input type='button' value = '普通按钮' onclick="prompt('你是谁?')"/>
                </td>
                <td>点击“确定”按钮
                </td>
            </tr>
            <tr>
                <td>password:密码输入框
                </td>
                
                <td><input type = 'password'/>
                </td>
                <td>输入密码:123456
                </td>
            </tr>
            <tr>
                <td>number:数字输入框
                </td>
                
                <td>
                    <input type = 'number'/>
                </td>
                <td>输入数字:10
                </td>
            </tr>
            <tr>
                <td>date:日期控件
                </td>
                
                <td><input type = 'date'/>
                </td>
                <td>选择“2019年09月23日”
                </td>
            </tr>
            <tr>
                <td>time:时间控件
                </td>
                
                <td><input type = 'time'/>
                </td>
                <td>选择“14:00”
                </td>
            </tr>
            <tr>
                <td>textarea:文本输入区
                </td>
                
                <td>
                <textarea></textarea>
                </td>
                <td>输入“一片孤城万仞山”
                </td>
            </tr>
            <tr>
                <td>select:下拉框
                </td>
                
                <td>
                    <select>
                        <option value=''>---请选择---</option>
                        <option value='z1'>选项1</option>
                        <option value='z2'>选项2</option>
                        <option value='z3'>选项3</option>
                    
                    </select>
                
                </td>
                <td>通过下标选第3个,通过value选“z1”,通过文本选“选项3”
                </td>
            </tr>
            <tr>
                <td>a:超链接   
                </td>
                
                <td>
                    <a href = 'http://www.baidu.com'>度娘</a><br/>
                    <a href = 'http://www.dangdang.com/'>当当</a><br/>
                    <a href = 'https://www.jd.com/'>京东</a>
                    
                </td>
                <td>click点击“度娘”,返回,再ctrl+click点击“当当”
                </td>
            </tr>
            <tr>
                <td>submit:提交按钮 
                </td>
                <td>
                    <input type='submit' value='提交' onclick="confirm('确认提交')"/>
                </td>
                <td>点击"提交",弹出框点击”取消“
                </td>
            </tr>
            
            <tr>
                <td>reset:重置按钮  
                </td>
                
                <td>
                    <input type='reset' onclick="alert('重置成功')"/>
                </td>
                <td>点击重置,再点击”确定“关闭弹框
                </td>
            </tr>
        </table>
    
    </body>

</html>
上一篇 下一篇

猜你喜欢

热点阅读