HTML 5新增表单属性

● form属性：

规定输入框所属的一个或多个表单，它适合用于所有的input元素的类型。
通过使用form属性，可以彻底的打破必须将元素写入标记之间的限制。
form属性必须引用所属表单的id。

<form action="" id="use">
         <input type="text">
         <input type="text">
         <input type="submit">
     </form>
      这个文本框将从属于上面的form表单：<input type="text" form="use">
      

● 表单重写属性：

表单重写属性：只适合于submit和image类型的input属性
1: formaction属性：重写表单的action属性
2：formenctype属性：重写表单的menctype属性
3：formmethod属性：重写method属性
4：formnovalidate属性：重写表单的novalidate属性
5：formtarget属性：重写表单的target属性

 <form action="demo_form">
         <input type="submit" value="submit">
         <input type="submit" formaction="demo_admin" value="submit as demo_admin">
         <input type="submit" formnovalidate="true" value="submit without vadidation"> 
     </form>

● height和width属性：

规定用于image类型的input元素的图像高度和宽度

     <input type="image" src="" width="100" height="90">

● list属性：

规定输入域的datalist，datalist是输入域的选项列表。

 <input type="text" list="url_list">
     list属性:<datalist id="url_list">
          <option value="http://www.wsc.com"></option>
          <option value="http://www.google.com"></option>
          <option value="http://www.microsoft.com"></option>
     </datalist>

● novalidate属性：

在提交表单时：不应该验证form元素或input域

<form action="demo_form.asp" method="get" novalidate="true">
        E-mail类型: <input type="email" name="user_email" />
        <input type="submit" />
    </form>

● placeholder属性：

当用户还没有输入值时，可以通过设置placeholder属性向用户显示描述性说明或者提示信息。
在字段获得焦点时或者输入内容后提示会自动消失；如果没有输入文本内容，那么提示会再次出现。

    placeholder属性： <input type="search" name="user_search"  placeholder="Search W3School" />

● required属性：

required属性是一个必填项，既输入框的内容不能为空。
一旦input元素设置这个属性，那么此项就必填，否则无法提交表单。

 Name必填项: <input type="text" name="usr_name" required="required" />

● pattern属性：

pattern属性定义用于验证input元素的模式，这个模式是正则表达式。只有用户输入的内容与表达式匹配时才会视为有效。
pattern 属性适用于以下类型的 标签：text, search, url, telephone, email 以及 password

     <input type="text"name="nick"placeholder="请输入2-8位的中文" required="true" pattern="^[\u4e00-\u9fa5\uf900-\uf2ad]{2,8}$">

● autocomplete属性：

该属性可以实现form元素和input元素自动完成的功能。
两个属性：on和off

<form action="demo_form.asp" method="get" autocomplete="on">
        First name: <input type="text" name="fname" autocomplete="on" /><br /> 可以自动完成
        Last name: <input type="text" name="lname" /><br />
        E-mail: <input type="email" name="email" autocomplete="off" /><br />不能自动完成
        <input type="submit" />
    </form>

● autofocus属性：

页面加载后是否自动获取焦点，如果设置为autofocus，页面打开时，指定该元素的元素自动获得焦点
一个页面只能有一个元素有autofocus属性。

     User name: <input type="text" name="user_name"  autofocus="autofocus" />