HTML简单注册页面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>登录注册</title>
</head>
<style>body {background-color: cornsilk;}.center {text-align: center;background-color: cadetblue;width: 600px;margin: auto;}.tab {margin: 10px;}</style>
<body><div class="center"><form action="#" method="get" autocomplete="on"><div>注册详情</div><hr><div class="tab"><label for="username">姓名:</label><input type="text" name="username" id="username" value="" required placeholder="请输入姓名"></div><div class="tab"><label for="password">密码:</label><input type="password" name="password" value="" id="password" required placeholder="请输入密码"></div><div class="tab"><label for="email">邮箱:</label><input type="email" name="email" value="" id="email" required placeholder="请输入邮箱"></div><div class="tab"><label for="number">手机:</label><input type="tel" name="number" value="" id="number" required placeholder="请输入手机号"></div><hr><div class="tab"><label for="gender">性别:</label><input type="radio" name="gender" value="男" id="gender">男<input type="radio" name="gender" value="女">女<input type="radio" name="gender" value="其他">其他</div><div class="tab"><label for="hobby"> 爱好:</label><input type="checkbox" id="hobby" name="game" value="game">游戏<input type="checkbox" id="music" name="music" value="music">音乐<input type="checkbox" id="other" name="other" value="other">其他</div><div class="tab"><label for="date">出生日期:</label><input type="date" name="date" id="date" value=""></div><div class="tab"><label for="city">请选择所在城市：</label><select name="city" id="city"><option>----所在城市----</option><optgroup label="直辖市"><option>北京</option><option>上海</option><option>广州</option><option>深圳</option><option>...</option></optgroup><optgroup label="省会城市"><option>西安</option><option>杭州</option><option>郑州</option><option>武汉</option><option>...</option></optgroup></select></div><hr><div class="tab"><label for="desc">个性签名:</label><textarea id="desc" name="desc" rows="5" cols="40" placeholder="请输入你的个性签名"></textarea></div><hr><button type="submit">注册</button><button type="reset">重置</button></form></div></body>
</html>