from表单用法简单介绍

前言：

HTML里的FORM是用来创建一个表单，实现与本页或其它页面的数据交互。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset和 label 元素 等。

属性

• action {URL}：一个URL地址；指定form表单向何处发送数据。

• enctype {string}：规定在发送表单数据之前，如何对表单数据进行编码。
  指定的值有:application/x-www-form-urlencoded ：在发送前编码所有字符（默认为此方式）；
  multipart/form-data ：不对字符编码。使用包含文件上传控件的表单时，必须使用该值

• method {get/post}：指定表单以何种方式发送到指定的页面。
  指定的值有：get ：form表单里所填的值，附加在action指定的URL后面，做为URL链接而传递。
  　　　　　　post ：form表单里所填的值，附加在HTML Headers上。

FROM表单的重要元素：

input元素

文本域 type="text"

    姓名
    

其中 placeholder 属性可以设置在控件未获得焦点时显示的提示信息，而在获得焦点时提示消失。

密码域 type="password"

    密码
    

复选项 type="checkbox"

    爱好
    dota
    旅游
    宠物

单选项 type="radio"

    性别
    男
    女

下拉列表 select

    我的car
    
        TT
        萨博
        GTR
    

option 的 value 属性是必需的，可以对 option 设置 selected 属性实现预选择。

提交按钮 submit button

提交

• 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。

• 这样的按钮用户点击之后会自动提交 form，除非你写了javascript 阻止它。

• 这个按钮放在 form 中也会点击自动提交，比前两个的优点是按钮的内容不光可以有文字，还可以有图片等多媒体内容。（当然，前两个用图片背景也可以做到）。它的缺点是不同的浏览器得到的 value 值不同；可能还有其他的浏览器兼容问题。

重置按钮 type="reset"

隐藏字段 type="hidden"

隐藏字段对于用户是不可见的。

选择文件 type="file"

accept属性规定可选择的文件类型。

文本框textarea 元素

ddd

适用于大段文字输入

label 元素

在介绍 input 元素时，label 元素已出现多次，例如：

    姓名
    

label 元素为 input 元素定义标注，当鼠标选择该标签时，关联的元素控件会获得焦点，for 属性与关联元素的 id 属性要相同。

示例

  
  


  

    

      

      姓名：
      
    
      

      密码：
      
    
  

      性别：
       男
       女
    
  

      取向：
       男
       女
    
  

      爱好：
       dota
       旅游
       宠物
    
  

    评论:
            
    
   

     我的car
      
        萨博
        雅阁
        凯美瑞
        
      

实现效果:http://js.jirengu.com/zihe/1/edit?html,output