Form

Form

一、总结

1.HTML5中为了方便排版，可以使form中的表单标签脱离form的嵌套。方法:form指定ID，所有表单标签均添加form=id属性

<form action=""method="post" id="register" ></form>

     <input type="text" name="user"form="register" />

     <select name="year" form="register" >

          <option value="1999"></option>

     </select>

     <textarea name="ext" form="register" ></textarea>

     <button type="submit" form="register" >提交</button>

2. input表单type新属性值

      

3.新增表单属性

       

4.autocomplete列表

    autocomplete 属性规定输入字段是否应该启用自动完成功能

    Autocomplete=on/off （注意添加name值）

   自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。

注：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, password, datepickers, range 以及 color

Eg：<form action="demo_form.asp"method="get" autocomplete="on">

         First name:<input type="text"name="fname" /><br />

          Lastname: <input type="text" name="lname" /><br />

          E-mail: <input type="email"name="email" autocomplete="off"/><br />

          <input type="submit" />

        </form>

5.datalist列表

      Datalist标签配合option标签实现的自动填充表单功能

     Eg：<input id="myCar"list="cars" />

<datalistid="cars">

  <option value="BMW">

   <option value="Ford">

   <option value="Volvo">

 </datalist>

二、例子