搜索

实现 html页面

原创 2019-04-24 21:16:09 465
摘要:<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0&qu

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>用户注册</title>

</head>


<body>

    <h3>用户注册</h3>

    <form action="" method="get">

        <p>

            <label for="username">账号</label>

            <input type="text" id="username" name="username" placeholder="请输入您的账号" autofocus require>

        </p>

        <p>

            <label for="password">密码</label>

            <input type="password" id="password" name="password" placeholder="请不要少于7位" autofocus require>

        </p>

        <p>

            <label for="email">邮箱</label>

            <input type="email" id="email" name="email" placeholder="XXXX@XX.com" require>

        </p>

        <p>

            <label for="age">年龄</label>

            <input type="number" id="age" name="age" placeholder="请成年后再注册本站" min="18" require>

        </p>

        <p>

            <label for="bir">出生日期</label>

            <input type="date" id="bir" name="bir">

        </p>

        <p>

            <label for="education">学历</label>

            <select name="education" id="education" size="1">

                <optgroup label="统招">

                    <option value="0" selected>请选择</option>

                    <option value="1">本科</option>

                    <option value="2">硕士</option>

                    <option value="3">博士</option>

                </optgroup>

                <optgroup label="非统招">

                    <option value="4">小学</option>

                    <option value="5">初中</option>

                    <option value="6">高中</option>

                </optgroup>

            </select>

        </p>

        <p>

            <label for="hobby">爱好</label>

            <input type="checkbox" id="game" name="hobby[]" value="game"><label for="game">打游戏</label>

            <input type="checkbox" id="sports" name="hobby[]" value="sports"><label for="sports">运动</label>

            <input type="checkbox" id="street" name="hobby[]" value="street"><label for="street">逛街</label>

            <input type="checkbox" id="public" name="hobby[]" value="public"><label for="public">公益</label>

        </p>

        <p>

            <label for="male">性别</label>

            <input type="radio" name="gender" value="male" id="male"><label for="male">男</label>

            <input type="radio" name="gender" value="female" id="male"><label for="female">女</label>

            <input type="radio" name="gender" value="secret" id="secret"><label for="secret">保密</label>

        </p>

        <p>

            <label for="comment">个人简介</label>

            <textarea name="comment" id="comment" cols="30" rows="10" maxlength="50" plcaholde="请不要超过50字"></textarea>

        </p>

        <div>

            <button type="button">提交</button>

            <button type="reset">重置</button>

        </div>

    </form>

</body>


</html>


批改老师:查无此人批改时间:2019-04-25 13:24:14
老师总结:完成的不错,刚接触编程,比较辛苦。要坚持,继续加油。

发布手记

热门词条