about HTML5 Form,the web form 2.0 tech.

1. HTML5 表单 为体验而生 BY 神飞 前端观察 http://www.qianduan.net

2. HTML 3.2的表单

3. HTML 4表单 新增Button元素 增加label元素 增加filedset和legend元素 新增optgroup元素 增加accesskey属性 增加disable属性 增加readonly属性 Input增加accept属性[type=file] （目前opera和firefox均不支持)

4. HTML5

5. HTML 5表单的表现：opera和opera mobile

6. HTML 5表单的表现：webkit

7. HTML 5表单：input:url <input id="inputUrl" type="url" value=""

8. HTML 5表单：input:email <input id="inputEmail" type="email" value=""

9. HTML 5表单：input:search <input id="inputSearch" type="search" value=""

10. HTML 5表单：input:tel <input id="inputTel" type="tel" value=""

11. HTML 5表单：input:number <input id="inputNum" type="number" value=""

12. HTML 5表单：input:range <input id= " inputRange“ type="range" value=""

13. HTML 5表单：input:max,min和step <input id="inputNumber" type="number" value="" <div> <label for="inputNumber">number step</label> <input id="inputNumber" type="number" step="5" max="100" name="number" /> </div> <div> <label for="inputRange">range</label> <input id="inputRange" type="range" name="range" max="100" min="0" step="10" /> </div>

14. HTML 5表单：时间 <input id="inputDate" type="date" value=""

15. HTML 5表单：input:datelist <input type=“text" name="datelist" list="dataList" /> <datalistid="dataList"> <option value=“BMW"> <option value=“Ford"> <option value=“Volvo"> <option value=“…"> </datalist> 结构类似select

16. HTML 5 表单：placeorder <input type="text" id="s" name="s" onfocus="if (this.value == '请输入关键词...') {this.value = '';}" onblur="if (this.value == '') {this.value = '请输入关键词...';}" value="请输入关键词..." class="inputBox"> HTML 5 code： <input type=“text" value="" name="" placeholder="请输入关键词..." /> 设置placeholder的时候，value值必须为空

17. HTML 5 表单：autofocus HTML 5 code： <input type=“text" value="" autofocus /> 可以用于input、textarea、button和select等元素

18. HTML 5 表单：正则 <input type=“text“ pattern=“*”/> <input type=“text“ pattern=“{4}”/>

19. HTML 5 表单：验证 <input type=“text“ required/>

20. HTML 5表单的浏览器兼容性：type 注：Firefox 4.0以下的完全不支持 Firefox 4.0即将支持url、Email、number、color等 数据整理自：http://www.findmebyip.com/litmus#html5-forms-inputs

21. HTML 5表单的浏览器兼容性：属性 注：Firefox 4.0以下的只支持multiple熟悉(其实这个不是HTML 5中的) Firefox 4.0即将支持autocompleta、required和pattern等 数据整理自：http://www.findmebyip.com/litmus#html5-forms-attributes

22. HTML 5表单：分裂的UI Chrome Opera

23. HTML 5表单：appearance http://www.w3.org/TR/css3-ui/#appearance http://davidwalsh.name/webkit-appearance https://developer.mozilla.org/en/CSS/-moz-appearance

24. 参考 http://www.w3.org/TR/WD-html40-970708/interact/forms.html http://www.w3.org/TR/REC-html32 http://www.w3.org/TR/html5/forms.html http://diveintohtml5.org/forms.html http://www.opera.com/docs/specs/presto25/forms/