1. <form>
   
2.                         输入名称：<input type="text" name="user" value="" /><br/>
   
3.                         输入密码：<input type="password" name="psw"  /><br/>       
   
4.                         选择性别：<input type="radio" name="sex" value="nan" />男
   
5.                                      <input type="radio" name="sex" value="nv" checked="checked" />女<br/>
   
6.                         选择技术：<input type="checkbox" name="tech" value="java"/>JAVA
   
7.                                          <input type="checkbox" name="tech" value="html"/>HTML
   
8.                                          <input type="checkbox" name="tech" value="css"/>CSS<BR/>
   
9.                         选择文件：<input type="file" name="file"/><br/>                 
   
10.                         一个图片：<input type="image" src="11.jpg"/><br/>
    
11.                         <!--数据不需要客户端知道，但是可以将其提交服务端。-->
    
12.                         隐藏组件：<input type="hidden" name="myke" value="myvalue"/><br/>         
    
13.                         一个按钮：<input type="button" value="有个按钮" onclick="alert('有个阿牛')" /><br/>
    
14.                        
    
15.                        
    
16.                        
    
17.                         <select name="country">
    
18.                                         <option value="none">--选择国家--</option>
    
19.                                         <option value="usa">美国</option>
    
20.                                         <option value="en">英国</option>
    
21.                                         <option value="cn" selected="selected">中国</option>
    
22.                         </select>
    
23.                        
    
24.                         <textarea name="text"></textarea>
    
25.                         <br/>
    
26.                                          
    
27.                         <input type="reset" value="清除数据"/><input type="submit" value="提交数据" />
    
28. </form>

复制代码

显示效果：

1. <form>
   
2.                         输入名称：<input type="text" name="user" value="" /><br/>
   
3.                         输入密码：<input type="password" name="psw"  /><br/>       
   
4.                         选择性别：<input type="radio" name="sex" value="nan" />男
   
5.                                      <input type="radio" name="sex" value="nv" checked="checked" />女<br/>
   
6.                         选择技术：<input type="checkbox" name="tech" value="java"/>JAVA
   
7.                                          <input type="checkbox" name="tech" value="html"/>HTML
   
8.                                          <input type="checkbox" name="tech" value="css"/>CSS<BR/>
   
9.                         选择文件：<input type="file" name="file"/><br/>                 
   
10.                         一个图片：<input type="image" src="11.jpg"/><br/>
    
11.                         <!--数据不需要客户端知道，但是可以将其提交服务端。-->
    
12.                         隐藏组件：<input type="hidden" name="myke" value="myvalue"/><br/>         
    
13.                         一个按钮：<input type="button" value="有个按钮" onclick="alert('有个阿牛')" /><br/>
    
14.                        
    
15.                        
    
16.                        
    
17.                         <select name="country">
    
18.                                         <option value="none">--选择国家--</option>
    
19.                                         <option value="usa">美国</option>
    
20.                                         <option value="en">英国</option>
    
21.                                         <option value="cn" selected="selected">中国</option>
    
22.                         </select>
    
23.                        
    
24.                         <textarea name="text"></textarea>
    
25.                         <br/>
    
26.                                          
    
27.                         <input type="reset" value="清除数据"/><input type="submit" value="提交数据" />
    
28. </form>

复制代码

显示效果：