HTML5表单的新功能

HTML5 Web Forms 2.0是对目前Web表单的全面提升,它在保持了简便易用的特性的同时,增加了许多内置的控件或者控件属性来满足用户的需求,并且同时减少了开发人员的编程。HTML5 主要在以下几个方面对目前的Web表单做了改进:

HTML结构更加自由

XHTML中需要放在form之中的诸如input/button/select/textarea等标签元素,在HTML 5中完全可以放在页面任何位置,然后通过新增的form属性指向元素所属表单的ID值,即可关联起来。

    

新增控件类型

  1. Email/Url类型
     
     

必须输入正确的email/url地址,表单才能正常提交。

  1. search
     

此类型表示输入的将是一个搜索关键字,通过results=s可显示一个搜索小图标。

  1. number/range
    
    

不同的数字输入模式

  1. color
     

此类型可让用户通过颜色选择器选择一个颜色值,并反馈到value中。

  1. date/month/week/time/datetime 日期选择器
    

新增表单属性

  1. placeholder
    
  1. require/pattern
     
     
     
  1. autofocus
     

页面初始时,聚焦

  1. list
     
     
         
         
         
    

list 属性规定输入域的 datalist。datalist 是输入域的选项列表。

  1. multiple 规定输入域中可选择多个值。
    
  1. XML Submission编码格式
    我们一般常见的是Web Form的编码格式是application/x-www-form-urlencoded。开发人员都很清楚这种格式,数据送到服务器端,可以方便的存取。HTML5提供一种新的数据格式:XML Submission,即application/x-www-form+xml。简单的举例说,服务器端将直接接收到XML形式的表单数据。

你可能感兴趣的:(HTML5表单的新功能)