写用户注册表

<!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>
</head>
<body>
<form action="" style="display:grid;gap:0.5em" method="POST">
<div>
<label for="username">账号:</label>
<input type="text" id="username" autofocus required placeholder="必须是6至8位"/>
</div>
<div>
<label for="password">密码:</label>
<input type="password" id="password" required placeholder="必须是字母加数字"/>
</div>
<div>
<label for="email">邮箱:</label>
<input type="email" name="email" id="email" placeholder="demo@mail.com">
</div>
<div>
<label for="mobile">手机:</label>
<input type="mobile" id="mobile" name="mobile" placeholder="必须是9位数字"/>
</div>
<div>
<label for="address">地址:</label>
<input type="address" id="address" name="address"/>
</div>

<div>
<label for="city">城市:</label>
<input type="city" id="city" name="city">
</div>
<div>
<label for="contry">国家:</label>
<input type="contry" id="contry">
</div>
<div>
<label for="contact">联系人:</label>
<input type="contact" id="contact" name="contact">
</div>
<div>
<label for="postcode">邮编:</label>
<input type="postcode" id="postcode">
</div>
<div>
<label for="occupation">职业:</label>
<input type="occupation" id="occupation"/>
</div>
<div>
<label for="hobby">爱好:</label>
<input type="checkbox" name="hobby"[] id="programmer" checked/><label for="programmer">编程</label>
<input type="checkbox" name="hobby"[] id="game"/><label for="game">游戏</label>
<input type="checkbox" name="hobby"[] id="travel" checked/><label for="travel">旅游</label>
<input type="checkbox" name="hobyy"[] id="dance"/><label for="dance">跳舞</label>
<input type="checkbox" name="hobby"[] id="singing"/><label for="singing">唱歌</label>
</div>
<select name="level" id="">
<option value="1">金牌会员</option>
<option value="2">银牌会员</option>
<option value="3">铜牌会员</option>
<option value="4">普通会员</option>
</select>
<div>
<label for="keywords">关键字</label>
<input type="search" name="search"/>
<datalist>
<option value="html"></option>
<option value="css"></option>
<option value="javascript"></option>
</datalist>
</div>
<div>
<button>提交</button>
</div>
</body>
</html>