<!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>
<h1>用户注册</h1>
<form action="#">
用 户 名 <input type="text" name="username" >
<div><input type="text" name="username" placeholder="zhangsan" disabled></div>
<p></p>
密 码 <input type="password" name="pwd">
<p></p>
性别 <label><input type="radio" name="sex"
value="男" checked>男</label>
<label><input type="radio" name="sex" value="女">女</label>
<p></p>
爱好 <input type="checkbox" name="hobby">唱
<input type="checkbox" name="hobby">跳
<input type="checkbox" name="hobby">Rap
<input type="checkbox" name="hobby">打篮球
<p></p>
邮箱 <input type="text" name="mail" placeholder="请输入你的邮箱" >
<p></p>
用户头像 <button>选择文件</button> <font size="1px">未选择文件</font>
<p></p>
家庭住址 <select name="household" >
<option value="住址">请选择你的住址</option>
</select>
<p></p>
收货地址 <select name="city" >
<option value="南京">南京</option>
<option value="南京">重庆</option>
<option value="南京">深圳</option>
<option value="南京">广州</option>
</select>
<p></p>
建议或意见 <textarea name="" id="" cols="30" rows="2" placeholder="你的建议或意见"></textarea>
<p></p>
选择你喜欢的颜色 <input type="color" name="lovecolor" > 注册时间<input type="datetime-local" name="time">
<p></p>
<button>注册</button> <button>重置</button>
</form>
<link rel="stylesheet" href="./用户注册.css">
</body>
</html>
HTML
h1 {
text-align:center;
}
form {
text-align: center;
}
CSS