代码：
1 <!Doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>register</title> 6 </head> 7 <body> 8 <form action="#" type="get"> 9 <div style="width:90%;background-color:#AAA;height:400px;">10 <h1>注册</h1>11 <div style="text-align:right;float:left;">12 <label for="">用户名:</label>13 <input type="text" name="usersname"14 ???????minlength="6" maxlength="20" 15 ?????????placeholder="4-20位"><br/><br/>16 <label for="">密码:</label>17 <input type="password" name="password"18 ???????minlength="6" maxlength="16" 19 ?????????placeholder="4-16位"></br><br/>20 <label for="">确认密码:</label>21 <input type="password" name="password"22 ???????minlength="6" maxlength="16" 23 ???????placeholder="4-16位"></br><br/>24 <label for="">邮箱:</label>25 <input type="email" size="20" list="defaultEmails" placeholder="example@example.com"><br/><br/>26 <datalist id="defaultEmails">27 ??<option value="@example.com">28 ??<option value="exampl@unknown.net">29 </datalist>30 <label for="">电话:</label>31 ????<input type="tel" id="phone" name="phone"32 ???????????placeholder="111-2222-3333"33 ???????????placeholder="111-2222-3333"34 ???????????pattern="[0-9]{3}-[0-9]{4}-[0-9]{4}"/><br/><br/>35 ?</div>36 ?<br/>37 <div style="clear:both;">38 性别:39 <label for="male">男</label>40 <input type="radio" name="sex" id="male" value="male">41 <label for="female">女</label>42 <input type="radio" name="sex" id="female" value="female"><br><br>43 ?<input type="reset" value="清空" ?>44 <input type="submit" value="立即注册">45 </div></div>46 </form>47 48 </body>49 </html>效果图：
html register form
原文地址：https://www.cnblogs.com/hzhqiang/p/9653236.html