01.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
<style>
form{
text-align: center;
}
</style>
<style>
select[value="color"]{
background-color: aliceblue;
}
</style>
<style>
option[value="black"]{
background-color: black;
}
</style>
<style>
option[value="blue"]{
background-color: blue;
}
</style>
</head>
<body>
<form id="#">
<h1>用户注册</h1>
<div>
用户名:
<input type="text" name="username" value="username">
<br>
<br>
密 码:
<input type="password" name="password" value="password">
<br>
</div>
<div>
<br>
性别:
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女
</div>
<div>
爱好:
<input type="radio" name="love" value="sing">唱
<input type="radio" name="love" value="dance">跳
<input type="radio" name="love" value="rap">rap
</div>
<div>
邮箱:<input type="email" name="mail" value="mail">
</div>
<div>
用户头像:<input type="file" name="file">
</div>
<div>
家庭住址:
<select name="add">
<option value="四川省">四川省</option>
<option value="贵州省">贵州省</option>
</select>
</div>
<div>
收货地址:
<select name="xiala" id="xiala">
<option value="广州">广州</option>
<option value="深圳">深圳</option>
<option value="重庆">重庆</option>
<option value="南京">南京</option>
</select>
</div>
<div>
建议或意见
<textarea name="建议或意见" id=" " cols="30" rows="2"></textarea>
</div>
<div>
选择你喜欢的颜色
<select name="color" id="color" >
<option value="black" > </option>
<option value="blue"> </option>
</select>
注册时间
<input name="time" value="time" type="datetime-local">
</div>
<button>注册</button>
<button>重置</button>
</form>
</body>
</html>
运行结果: