1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>注册</title>
 6     </head>
 7 
 8     <body>
 9     <form action="" method="get" class="form-example" >
10 
11     <div class="form-example" align="center">
12       <label for="name"><b>昵称:</b> </label>
13       <input type="text" name="name" id="name" required>
14     </div>
15 
16     <div class="form-example" align="center">
17       <label for="email"><b>email:</b> </label>
18       <input type="email" name="email" id="email" required>
19     </div>
20 
21     <div class="form-example" align="center">
22         <label for="password"><b>密码:</b></label>
23         <input type="text" password="password" id="password" required>
24     </div>  
25 
26      <div class="form-example" align="center">
27        <tr>
28          <td><b>性别</b></td>
29          <td>
30             <input type="radio" name="name" checked="checked"/>男
31             <input type="radio" name="name" />女
32          </td>
33 
34       </tr>
35 
36       
37      </div>   
38 
39      <div class="form-example" align="center">
40         <tr>
41           <td><b>语言</b></td>
42           <td>
43               <select>
44                 <option>English</option>
45                 <option>Chinese</option>
46                 <option>Japanese</option>
47                 <option>Korean</option>
48               </select>
49           </td>
50  
51        </tr>
52  
53        
54       </div>   
55 
56     <div class="form-example" align="right">
57       <input type="submit" value="Subscribe!">
58     </div>
59 
60    
61 
62   </form>
63   
64     </body>

效果图