一、制作基本表单

       需要用到三个元素，form,input,button

       input 的name属性一定要指定，不是不能发往服务端

    
            
                 
     Submit Vote        
    

      定义表单

        form:表示html页面上的表单  

         input:收信用户输入数据，最为重要的是type,有29种属性 

                

         button:告诉浏览器所有的数据已经输入完毕，发往服务器

   二、配置表单

         1、 action:表单数据发往哪里；如果不设置就发往加载该文档的html

                    
            
            
                            
    
            
                 
     Submit Vote        
    
    

      2、 method:表单数据发往服务器的http方法；get post ,不写默认为get ;分别对应http的GET和POST

        GET：用于安全交互，用于获取只读信息

        POST：用于不安全交互，提交数据的行为会导致一些状态的改变。

     3、配置数据编码

        enctype:发往服务器的数据采用的编码方式有三个值 

       application/x-www-form-urlencoded：默认编码方式 ，不能用来将文件上传到服务，每一项数据的          名称和和值都 与url采用同样的编码方案

        multipart/form-data：将文件上传到服务器         text/plain：各种浏览器的实现都不一样，建议不要使用。

       4、自动完成功能--autocomplete---值是on和off默认是on

    
            
                 
                 
     Submit Vote        
    

       5、指定表单反馈信息的目标显示位置

      _blank _self _parent _top

    
            
                 
                 
     Submit Vote        
    

        6、设置表单名称

          form的name不会发往服务端

    
            
                 
                 
     Submit Vote        
    

 

三、在表单中增加说明标签

      label:为表单中的每一个元素提供说明

      for的目的是与input关联，多用于屏幕阅读器等

    
            
     
Fruit: 
            
     
Name: 
            
     Submit Vote        
    

四、自动聚焦到某个input元素

       autofocus:只能用于一个input，如果多个应用，则开起覆盖模式

    
            
     
                Fruit:             
            
     
Name: 
            
     Submit Vote        
    

五、禁用单个input元素

      disabled

    
            
     
                Fruit:             
            
     
                Name:             
            
     Submit Vote        
    

六、对表单元素进行编组

       fieldset:复杂的表单，有时需要将一些元素组织在一起。

    
            
     
                
      
Name: 
                
      
City: 
            
     
            
     
                
      
#1: 
                
      
#2: 
                
      
#3: 
            
     
            
     Submit Vote        
    

     1、为fieldset增加说明标签---legend

    
            
     
                
      
Enter Your Details
                
      
Name: 
                
      
City: 
            
     
            
     
                
      
Vote For Your Three Favorite Fruits
                
      
#1: 
                
      
#2: 
                
      
#3: 
            
     
            
     Submit Vote        
    

       2、用fieldset禁用整组input元素

    
            
     
                
      
Enter Your Details
                
      
Name: 
                
      
City: 
            
     
            
     
                
      
Vote For Your Three Favorite Fruits
                
      
#1: 
                
      
#2: 
                
      
#3: 
            
     
            
     Submit Vote        
    

七、使用button元素

      三种用法（type）:

       submit:默认行为，提交表单

    
            
     
                Fruit:             
            
     
                Name:             
            
     Submit Vote        
    

       reset：重置

    
            
     
                Fruit:             
            
     
                Name:             
            
     Submit Vote            
     Reset        
    

       button:作为一般元素使用--仅仅是一个按扭，没有任务的含义，按下去不会做任何的事情

       多用于javascript对他的操作

八、使用表单外的元素

       不在form中的元素只是定义form属性指向form的id就和这个form关联起来了

        
    
            
     
                Fruit:             
        
    
        
            Name:                     
                Submit Vote        Reset