美文网首页前端自动化
HTML前端:01_HTML界面

HTML前端:01_HTML界面

作者: 果芽软件 | 来源:发表于2017-11-28 10:01 被阅读144次
    <html>
    <head>
    <title>selenium处理基本页面元素</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    table {
        font-size: 26;
        text-align: center;
        width: 80%;
        border-collapse: collapse;
        margin: auto
    }
    
    table th {
        background: #aff
    }
    
    .display {
        color: red
    }
    
    .widgetStyle {
        text-align: left;
        padding-left: 100px
    }
    </style>
    <script language="javascript" type="text/javascript">
        function clickbutton(flag) {
            if (flag == 1)
                alert("测试alert对话框");
            if (flag == 2) {
                var name = prompt("测试prompt对话框", "");
                if (name != null && name != "") {
                    //document.write(name);
                    alert(name);
                }
            }
            if (flag == 3) {
                var r = confirm('测试confirm对话框', '测试confirm对话框?', "测试结果:")
                if (r == true) {
                    //document.write("You pressed OK!")
                    alert("You pressed OK!");
                } else {
                    //document.write("You pressed Cancel!")
    
                    alert("You pressed Cancel!");
                }
            }
            if (flag == 4)
    
                alert(document.getElementById("edit").value);
    
        }
    
        function getOptions() {
            var x = document.getElementById("Selector");
            var y = x.options[x.selectedIndex].text
            // document.write(y);
            alert(y);
        }
    </script>
    </head>
    
    <body>
        <center>
            </br>
            <div>
                <p>
                <div class="text" style="font-size:36;text-align:center">
                    <b>seleniun处理基本元素</b>
                </div>
                </p>
                <hr>
            </div>
            <p>
            <table cellpadding="10" cellspacing="0" border="2">
                <thead>
                    <tr>
                        <th width=20% class="widgetleft">测试内容</th>
                        <th width=80% class="widgetStyle">页面基本元素</th>
                    </tr>
                </thead>
    
    
                <tr>
                    <td>文件上传</td>
                    <td><input type="file" name="attach" /></td>
                </tr>
    
                <tr>
                    <td>alter对话框</td>
                    <td><input type="button" class="alertButtonClass"
                        id="alertButtonId" name="alertButtonName" value="测试alter对话框"
                        onclick="clickbutton(1);" /></td>
                </tr>
    
                <tr>
                    <td>prompt对话框</td>
                    <td><input type="button" name="promptbutton"
                        value="测试prompt对话框" onclick="clickbutton(2);" /></td>
                </tr>
    
                <tr>
                    <td>confirm对话框</td>
                    <td><input type="button" name="confirmbutton"
                        value="测试confirm对话框" onclick="clickbutton(3);" /></td>
                </tr>
                <tr>
                    <td>select菜单</td>
                    <td><select id="Selector">
                            <option value="apple">苹果</option>
                            <option value="peach">桃子</option>
                            <option value="banana">香蕉</option>
                            <option value="orange">桔子</option>
                            <option value="grape">葡萄</option>
                            <option value="mango">芒果</option>
                    </select> <br /> <br /> <input type="button" id="showSelectResult"
                        name="showSelectResult" onclick="getOptions()" value="选择结果">
                    </td>
                </tr>
    
                <tr>
                    <td>文本框</td>
                    <td><input type="text" name="edit" id="edit" value="asdf" /> <input
                        type="button" name="submit" value="submit"
                        onclick="clickbutton(4);" /></td>
                </tr>
    
                <tr>
                    <td>RadioBox</td>
                    <td class="widgetStyle"><label> Which is your favourite
                            company? </label>
                        <div id='radio'>
                            <input type='radio' name="company" value='Baidu' /> <label>百度</label><br />
                            <input type='radio' name="company" value="AliBaBa" /> <label>阿里巴巴</label><br />
                            <input type='radio' name="company" value='Tencent' checked /><label>腾讯</label><br />
                            <input type='radio' name="company" value='Mi' /> <label>小米</label>
                        </div></td>
                </tr>
    
                <tr>
                    <td>CheckBox</td>
                    <td class="widgetStyle"><label> In which way do you
                            know about Selenium </label>
                        <div id='checkbox'>
                            <input type="checkbox" name="course" value="web" /><label>网络</label><br />
                            <input type="checkbox" name="course" value="training" /><label>培训</label><br />
                            <input type="checkbox" name="course" value="friend" /><label>朋友介绍</label><br />
                            <input type="checkbox" name="course" value="other" /><label>其他方式</label>
                        </div></td>
                </tr>
                <tr>
                    <td>Select Links</td>
                    <td>
                        <div class="links">
                            <select name="jumpMenu" id="jumpMenu"
                                onchange="window.open(this.value)">
                                <option selected="selected">市县教育局</option>
                                <option value="http://www.zzjy.gov.cn/">郑州市教育局</option>
                                <option value="http://www.kfedu.com.cn/">开封教育网</option>
                                <option value="http://www.lyenet.org/">洛阳市教育局</option>
                                <option value="http://www.pdsedu.gov.cn/">平顶山教育网</option>
                                <option value="http://www.anyangedu.com/">安阳教育信息网</option>
                                <option value="http://www.hnhbedu.net/">鹤壁教育信息网</option>
                                <option value="http://www.xxjy.gov.cn/">新乡市教育局</option>
                                <option value="http://www.jzedu.cn/">焦作市教育局</option>
                                <option value="http://www.xcsjyw.com/">许昌教育网</option>
                                <option value="http://www.lhjy.net/">漯河教育网</option>
                                <option value="http://www.smxjy.cn/">三门峡教育信息港</option>
                                <option value="http://www.sqedu.gov.cn/">商丘市教育局</option>
                                <option value="http://www.zkedu.gov.cn/">周口市教育局</option>
                                <option value="http://www.zmdedu.net/">驻马店教育局</option>
                                <option value="http://www.nyedu.net/">南阳教育局</option>
                                <option value="http://www.xinyangedu.gov.cn/">信阳市教育局</option>
                                <option value="http://www.jyedu.org/">济源教育网</option>
                            </select>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>超链接</td>
                    <td>
                        <div>
                            <a id="link_baidu" href="https://www.baidu.com">百度</a>
                        </div>
                        <div>
                            <a id="link_jd" href="https://www.JD.com">京东</a>
                        </div>
                        <div>
                            <a id="link_dangdang" href="http://www.dangdang.com/">当当</a>
                        </div>
                    </td>
                </tr>
    
            </table>
    
            <p>
                <label for="edit">转载请注明出处</label> <br> <a href="http://www.guoyasoft.com">Copyright
                    2017 guoyasoft </a>
            </p>
    
        </center>
    </body>
    </html>
    

    相关文章

      网友评论

        本文标题:HTML前端:01_HTML界面

        本文链接:https://www.haomeiwen.com/subject/wprsbxtx.html