1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>表单注册</title> 6 <link rel="stylesheet" href="style.css"> 7 </head> 8 <body> 9 <!--page content --> 10 <script src="script.js"></script> 11 <form action="http://www.baidu.com" method="get"> 12 13 <table> 14 15 <tr> 16 17 <td>用户名：</td> 18 <td> 19 <!--<input type="text" name="userid" value="" placeholder="登录名"/>--> 20 <input type="text" name="user" value=""/> 21 </td> 22 23 </tr> 24 25 <tr> 26 <td>密码：</td> 27 <td> 28 <input type="password" name="pw" value="" /> 29 30 </td> 31 </tr> 32 33 34 35 <tr> 36 <td>确认密码：</td> 37 <td> 38 <input type="password" name="pw" value="" /> 39 40 </td> 41 </tr> 42 43 <td>性别：</td> 44 <td> 45 <input type="radio" name="sex" id="man1" value="1" /> 46 <label for="man1">男</label> 47 <input type="radio" name="sex" id="man2" value="0" /> 48 <label for="man2">女</label> 49 50 </td> 51 </tr> 52 53 <tr> 54 <td>爱好：</td> 55 <td> 56 57 <input id="a1" type="checkbox" name="love1" checked="checked" value="a" /> 58 <label for="a1">动漫</label> 59 60 <input id="b1" type="checkbox" name="love2" value="b" /> 61 <label for="b1">追剧</label> 62 63 <input id="c1" type="checkbox" name="love3" value="c"/> 64 <label for="c1">追书</label> 65 66 </td> 67 </tr> 68 69 <tr> 70 71 <td>民族：</td> 72 <td> 73 <select name="nation"> 74 <option value="1" selected>汉族</option> 75 <option value="2">满族</option> 76 <option value="3">苗族</option> 77 <option value="4">回族</option> 78 <option value="5">彝族</option> 79 <option value="6">傣族</option> 80 </select> 81 82 </td> 83 84 </tr> 85 86 <tr> 87 <td colspan="2"> 88 <input type="submit" value="注册" /> 89 <input type="reset" value="重置" /> 90 </td> 91 </tr> 92 </table> 93 94 </form> 95 </body> 96 </html>