HTML代码示例：用户注册表单结构,-优快云博客

本文链接：https://blog.youkuaiyun.com/Timememory829/article/details/134483661

本文展示了HTML中用于构建用户注册表单的详细代码，包括文本输入、单选/多选、日期时间选择和颜色选择等组件。

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

TYPE 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>
<h1><div style="text-align:center">用户注册</div></h1>
<br><div style="text-align:center">用 户 名<input type="text" name="username" placeholder="zhangsan"></div>
<br><div style="text-align:center">密    码<input type="password" name="password"></div>
<br><div style="text-align:center">性别 <input type="radio" name="sex" value="男" checked>男 <input type="radio" name="sex" value="女" >女</div>
<br><div style="text-align:center">爱好 <input type="checkbox" name="bobby" >唱 <input type="checkbox" name="bobby" >跳 <input type="checkbox" name="bobby" >Rap <input type="checkbox" name="bobby" >打篮球</div>
<br><div style="text-align:center">邮箱<input type="text" name="youxiang" placeholder="请输入你的邮箱"></div>
<br><div style="text-align:center">用户头像 <input type="file" name="file"></div>              
<br><div style="text-align:center">家庭住址所在城市：<select name="city" id="" placeholder="请选择你的住址"></div>
    <option value="广州">广州</option>
    <option value="深圳">深圳</option>
    <option value="重庆">重庆</option>
    <option value="南京">南京</option>
 </select>                   
<br><div style="text-align:center">收货地址<select name="city" id=""></div>
    <option value="广州">广州</option>
    <option value="深圳">深圳</option>
    <option value="重庆">重庆</option>
    <option value="南京" selected>南京</option>
 </select>
<br><div style="text-align:center">修改或意见<textarea name="" id="" cols="30" rows="2" placeholder="你的建议或意见"></textarea></div>
<br><div style="text-align:center">选择你喜欢的颜色<input type="color" name="cloor"> 注册时间<input type="datetime-local" name="time"></div>
<br><button>注册</button> <button>重置</button>
</body>
</html>

2023.11.14与2023.11.16作业