html5表单

1、form标签不一定包裹表单元素,用form属性指定属于哪一个form标签。
例:

2、label标签可以不使用label for
直接包裹要控制的单选或者多选框。
例:


3、占位符placeholder属性。


4 html5新的输入元素
搜索框:

 

输入手机号码:


输入URL:


输入电子邮箱:


输入数字:


5 html5新的控件
拖拽条:


日期控件:


手机上日期控件会被打开
也可以选择第几个星期:


颜色选择:


html5表单_第1张图片
wps253D.tmp.jpeg

6、自动获取焦点


7 必填项


8 自动感应datalist



    
    
    

html5表单不但是语义变化,在提交时会进行正则验证。

你可能感兴趣的:(html5表单)