体验html5新添加的一些表单元素
2012-12-23 11:56
197 查看
html5新添加了很多新的标签和属性。在之前做表单(form)的验证时可能会用到很多js的判断,现在有了html5新添加的属性,我们可以很简单的来做判断。
这些属性的测试可以在这个页面中看到:点击进入测试页面
表单这一块主要添加的属性有:
1.email:用于输入单一email地址或者email地址列表。
2.url:用于处理URL,在iPhone中非常好用,会出现对应的键盘布局。
3.tel:用于输入电话号码。
4.search:用于显示一个输入搜索关键字的表单。
5.range:显示为滑块。设置可接受数字的限制。step规定合法数字间隔。(c5,s4,o10.1)
6.number:用于包含数字值的输入字段。您可以设置可接受数字的限制。
7.date:用于日期选择的表单域,支持日期,月份,周。
8.color:用于输入颜色的表单。
9.autofocus:用于定位于该表单元素上。(c5,s4)
10.placeholder:在表单中显示占位文本内容。
11.contenteditable:让网页中内容可编辑。
12.autocomplete:通知浏览器不要为当前表单域自动填充数据。
这些属性的测试可以在这个页面中看到:点击进入测试页面
表单这一块主要添加的属性有:
1.email:用于输入单一email地址或者email地址列表。
2.url:用于处理URL,在iPhone中非常好用,会出现对应的键盘布局。
3.tel:用于输入电话号码。
4.search:用于显示一个输入搜索关键字的表单。
5.range:显示为滑块。设置可接受数字的限制。step规定合法数字间隔。(c5,s4,o10.1)
6.number:用于包含数字值的输入字段。您可以设置可接受数字的限制。
7.date:用于日期选择的表单域,支持日期,月份,周。
8.color:用于输入颜色的表单。
9.autofocus:用于定位于该表单元素上。(c5,s4)
10.placeholder:在表单中显示占位文本内容。
11.contenteditable:让网页中内容可编辑。
12.autocomplete:通知浏览器不要为当前表单域自动填充数据。
相关文章推荐
- 体验html5新添加的一些表单元素
- html5基础 fieldset legend 对表单中的元素进行分组并添加标题
- 关于表格动态添加行并处理相关表单元素的一些修改
- 关于表格动态添加行并处理相关表单元素的一些修改----优化for重用(2)
- 关于表格动态添加行并处理相关表单元素的一些修改----优化for重用(3) --最终版
- 关于表格动态添加行并处理相关表单元素的一些修改----优化for重用(1)
- TWaver HTML5学习笔记 —— 拓扑元素添加标签图标
- html5常见的表单元素
- javascript遇到html5的一些表单属性
- HTML5表单新增元素与属性 (续)
- Html5添加块级元素转换为不同形状的SVG图形的jquery插件教程
- 如何获取HTML5表单中的元素的值
- 跟KingDZ学HTML5之十一 HTML5 Form 表单新元素
- HTML5 表单元素
- 根据下拉框指定选项自动添加表单元素
- HTML5-表单新增元素和属性
- html5——表单元素和属性
- HTML5中新表单元素及表单验证
- JavaScript实现动态添加Form表单元素的方法示例
- form表单 无法提交js动态添加的表单元素问题。。