html学习之简单注册表单

 1 <html>
 2 <head>
 3     <title>新用户注册</title>
 4     <meta charset="utf-8">
 5     <style>
 6         li{
 7             list-style-type: none;
 8         }
 9     </style>
10 </head>
11 <body>
12 <center>
13 <form action="#" method="post" name="myForm">
14     <fieldset>
15         <legend>注册用户</legend>
16         <center>
17             <ul>
18                 <li> 用 户 名:<input name="username" type="text"  maxlength="20"></li>
19                 <li> 密&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" name="pwd1" size="20" maxlength="20"></li>
20                 <li> 确认密码:<input type="password" name="pwd2" size="20" maxlength="20"></li>
21                 <li>
22                       性&nbsp;&nbsp;&nbsp;&nbsp;别:<input type="radio" name="sex" class="noborder" value="男" checked>男&nbsp;
23                     <input type="radio" name="sex" class="noborder" value="女" >女
24                 </li>
25                 <li>
26                     爱好:<input type="checkbox" name="hobby" value="体育">体育
27                     <input type="checkbox" name="hobby" value="旅游">旅游
28                     <input type="checkbox" name="hobby" value="听音乐">听音乐
29                     <input type="checkbox" name="hobby" value="看书">看书
30                 </li>
31                 <li>E-mail:<input type="text" name="email" size="50"></li>
32                 <li>
33                     <input type="submit" class="btn" value="确定并保存">
34                     <input type="reset" class="btn" value="重新填写">
35                     <input type="image" class="btn" value="☞登陆" src="images/btn_jpg">
36                 </li>
37             </ul>
38         </center>
39     </fieldset>
40 </form>
41 </center>
42 </body>
43 </html>
运行结果如下：