form表单注册——HTML

 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>

 

posted @ 2018-09-16 19:38  暖橘  阅读(176)  评论(0编辑  收藏  举报