HTML注册页面（仅使用HTML）

最新推荐文章于 2024-03-18 21:59:27 发布

柠檬甜味猫

最新推荐文章于 2024-03-18 21:59:27 发布

阅读量418

点赞数

本文链接：https://blog.csdn.net/weixin_46634102/article/details/105667060

版权

效果显示：
在这里插入图片描述代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面2</title>
</head>
<body>
    <form>
   <strong>1.用户名和密码</strong>
   <div>
       <label>用户名</label>
       <span>
        <input type="text" placeholder="请输入正确的用户名"/>
       </span>
   </div>
   <div>
    <label>密&nbsp;&nbsp;&nbsp;码</label>
    <span>
     <input type="password" placeholder="请输入登录密码"/>
    </span>
</div>
<strong>2.真实姓名和联系方式</strong>
<div>
    <label>真实姓名</label>
    <span>
     <input type="text" placeholder="不少于4个字符"/>
    </span>
</div>
<div>
    <label>电子邮箱</label>
    <span>
     <input type="email" placeholder="需要通过邮箱激活账户"/>
    </span>
</div>
<div>
    <label>手机号码</label>
    <span>
     <input type="text" placeholder="激活账户需要手机短信验证"/>
    </span>
</div>
<div>
    <label>邮政编码</label>
    <span>
     <input type="email" placeholder="请填写所在地邮政编码"/>
    </span>
</div>
<strong>3.其他信息</strong>
<div>
    <label>性别</label>
    <span>
     男：<input type="radio" checked name="sex"/> 女：<input type="radio" name="sex"/>
    </span>
</div>
<div>
    <label>出生日期</label>
    <span>
     <input type="date"/>
    </span>
</div>
<div>
    <label>籍贯</label>
    <span>
        <select>
            <option>北京</option>
            <option>上海</option>
            <option>广东</option>
            <option>深圳</option>
            <option>重庆</option>
            <option>湖南</option>
            <option>湖北</option>
            <option>陕西</option>
            <option>新疆</option>
            <option>青海</option>
        </select>
    </span>
</div>
<div>
    <label>兴趣爱好</label>
    <span>
        看书<input type="checkbox"/>
        追剧<input type="checkbox"/>
        电子<input type="checkbox"/>
        音乐<input type="checkbox"/>
        烹饪<input type="checkbox"/>
    </span>
</div>
<div>
    <span>
     <input type="reset" value="重置"/>
    </span>
</div>
</form>
<!--注册按钮-->
<div>
    <input type="button" value="注册"/>
</div>
</body>
</html>

柠檬甜味猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML注册页面（仅使用HTML）

效果显示：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt...
复制链接

扫一扫