使用jQuery高效制作网页特效第九章习题

最新推荐文章于 2019-07-08 17:54:07 发布

wsbbdbjay

最新推荐文章于 2019-07-08 17:54:07 发布

阅读量4.4k

点赞数

本文链接：https://blog.csdn.net/wsbbdbjay/article/details/81272520

版权

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度注册页面</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            font-size: 12px;
            line-height: 25px;
        }

        .register {
            float: none;
            width: 503px;
            clear: both;
            margin: 0px auto;
        }

        .register dl {
            clear: both;
        }

        .register dt {
            width: 120px;
            text-align: right;
            padding-right: 5px;
            float: left;
        }

        .inputs {
            border: 1px solid #333;
            width: 120px;
            height: 20px;;
        }

        .register dl dd div {
            color: #ff0000;
            padding-left: 5px;
            display: inline;
        }

        .btn {
            width: 60px;
            text-align: center;
            height: 26px;
            margin: 5px 5px 0 0;
        }
    </style>
</head>

<body>
<div class="register">
    <div class="center"><img src="header1.jpg"/></div>
    <form action="success.html" method="post" id="myform">
        <dl>
            <dt>用户名：</dt>
            <dd><input id="user" type="text" class="inputs"/>
                <div id="userId"></div>
            </dd>
        </dl>
        <dl>
            <dt>密码：</dt>
            <dd><input id="pwd" type="password" class="inputs"/>
                <div id="pwdId"></div>
            </dd>
        </dl>
        <dl>
            <dt>确认密码：</dt>
            <dd><input id="repwd" type="password" class="inputs"/>
                <div id="repwdId"></div>
            </dd>
        </dl>
        <dl>
            <dt>性别：</dt>
            <dd><input name="sex" type="radio" value="男"/>男 <input name="sex" type="radio" value="女"/>女
                <div id="sexId"></div>
            </dd>
        </dl>
        <dl>
            <dt>电子邮件：</dt>
            <dd><input id="email" type="text" class="inputs"/>
                <div id="emailId"></div>
            </dd>
        </dl>
        <dl>
            <dt>出生日期：</dt>
            <dd><select id="year">
                <script>
                    for (var i = 1900; i <= 2015; i++) {
                        document.write("<option value=" + i + ">" + i + "</option>");
                    }
                </script>
            </select>年
                <select id="month">
                    <script>
                        for (var i = 1; i <= 12; i++) {
                            document.write("<option value=" + i + ">" + i + "</option>");
                        }
                    </script>
                </select>月
                <select id="day">
                    <script>
                        for (var i = 1; i <= 31; i++) {
                            document.write("<option value=" + i + ">" + i + "</option>");
                        }
                    </script>

最低0.47元/天解锁文章

wsbbdbjay

关注

0
点赞
踩
19

收藏

觉得还不错? 一键收藏
0
评论
使用jQuery高效制作网页特效第九章习题

1&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;百度注册页面&lt;/title&gt; &lt;style&gt; * { paddi
复制链接

扫一扫