web二级综合应用题（登录界面）

wawa0611

于 2023-09-11 16:03:28 发布

阅读量117

点赞数

文章标签： javascript html css

本文链接：https://blog.csdn.net/weixin_47475151/article/details/132810264

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script language="javascript" type="text/javascript">

        function Submit1_onclick() {
            if (Text1.value == "abc" && Text2.value == "123")
                <!--**********Found**********-->
 		window.open("5-2.htm");
            else
                <!--**********Found**********-->
                window.location.href = "5-3.htm";
        }

    </script>
    <style type="text/css">
        #Text2
        {
            width: 152px;
        }
        #Submit1
        {
            height: 29px;
            width: 81px;
        }
        #Text1
        {
            width: 155px;
        }
    </style>
</head>
<body>

    <p>
        请输入账号：<input id="Text1" type="text" /></p>
    <p>
        <!--**********Found**********-->
        请输入密码：<input id="Text2" type="password" /></p>
    <p>
        <input id="Submit1" type="submit" value="登 录" 
            onclick="return Submit1_onclick()" /></p>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script language="javascript" type="text/javascript">

    </script>
    <style type="text/css">
        #Select1 {
            width: 159px;
        }
        #Button1
        {
            height: 23px;
            width: 100px;
        }
    </style>
<script type="text/javascript">
    function change(a) {
       <!--**********Found**********-->
       document.getElementsByTagName("body")[0].style["background"]=a;
    }
    function Button1_onclick() {
       <!--**********Found**********-->
       window.close();
    }
</script>
</head>
<body>
    <p>
        欢迎你。
        用鼠标设置页面背景颜色。单击“关闭窗口”按钮可退出。</p>
   
       <form name="myform">
				<input type="radio" name="degree" value="1" onclick="change('red')"/>红色
                		<input type="radio" name="degree" value="2" onclick="change('green')"/>绿色
                		<input type="radio" name="degree" value="3" onclick="change('yellow')"/>黄色
       </form>
   
    <p>
        <input id="Button1" type="button" value="关闭窗口" onclick="return Button1_onclick()" /></p>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script language="javascript" type="text/javascript">
        var count = 3;
        <!--**********Found**********-->
        var tid = window.setInterval(doCountdown, 1000);
        function doCountdown() {
            count--;
            <!--**********Found**********-->
            document.getElementById('Text1').value = count;
            if (count == 0) {
                <!--**********Found**********-->
                window.clearInterval(tid);
                <!--**********Found**********-->
                history.go(-1);
            }
        }
    </script>
</head>
<body>

    <p>
        对不起，你不是合法用户。本窗口在<input id="Text1" type="text" 
            size="3" value = "3" 
            readonly="readonly" align="middle" 
            style="border-width: 0px; text-align: center;"/>秒后自动关闭。</p>
    <p>
      

</body>
</html>