HTML用户注册表单示例-CSDN博客

本文链接：https://blog.csdn.net/yangzhi_emo/article/details/134480940

本文描述了一个HTML页面的用户注册表单，包括文本输入、密码输入、性别选择、兴趣爱好选项、邮箱输入、地址选择以及颜色和日期选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body><center>
    <h1>用户注册</h1>
    用 户 名<input type="text" name="username"><br>
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    <input type="text" name="username" value="zhangsan"disabled>
    <p>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码<input type="password" name="mima"></p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    性别&nbsp;<input type="radio" name="sex" value="男"checked>男 
                 <input type="radio" name="sex" value="女">女 </p>
    <P>爱好&nbsp;<input type="checkbox" name="hobby" id="">唱
           <input type="checkbox" name="hobby" id="">跳
           <input type="checkbox" name="hobby" id="">Rap
           <input type="checkbox" name="hobby" id="">打篮球</P>
    <p>&nbsp;&nbsp;邮箱&nbsp;<input type="text" name="username" placeholder="请输入你的邮箱"></p>
    用户头像<input type="button" value="选择文件">未选择文件
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    家庭住址<select name="" id="">
              <option value="">请选择你的住址</option>
            </select></p>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        收货地址
        <select name="city" multiple>
          <option value="广州">广州</option>
          <option value="深圳">深圳</option>
          <option value="重庆">重庆</option>
          <option value="南京" selected>南京</option>
          <option value=""></option>
        </select></p>
    <p>建议和意见<textarea name="advice" cols="30" rows="2">你的建议和意见</textarea></p>
    <P>选择你喜欢的颜色<input type="color" name=""> 
       注册时间<input type="datetime-local" name="time"></P>
       <br>
       <button>注册</button>
       <button>重置</button>
       </center>
</body>
</html>

2023.11.16作业（代码）