H5的表单2.0
来源:互联网 发布:mac外壳磕碰怎么办 编辑:程序博客网 时间:2024/05/03 04:54
Web 表单 2.0 就是 HTML4 表单特性的一个扩展。HTML5 中的表单元素和属性相比 HTML4 提供了更大程度的语义标记,移除了大量 HTML4 中需要的繁琐脚本和样式。
HTML4 中的 input元素
HTML4 输入框元素使用 type 属性指定数据类型。HTML4 提供了下列类型:
HTML5 中的 元素
除了上面提到的属性,HTML5 给输入框元素的 type 属性引入了几个新值。如下表所列。
output 元素
HTML5 还引入了一个新元素 output,用来表示不同类型的输出结果,比如输出由脚本所写。
还可以用 for 属性指定输出元素和文档中影响计算的其他元素之间的关系(比如,作为输入源或者参数)。for 属性的值是一个由空格分隔的其他元素的 IDs 列表。
placeholder 属性
HTML5 引入了一个叫做 palceholder 的新属性。这个属性在 input 和 textarea元素上为用户提供了在这个字段可以输入什么的提示。占位符字符不能包含回车符或者换行符。
下面是 placeholder 属性的简单语法:
<input type="text" name="search" placeholder="search the web"/>
这个属性只有最新版的 Mozilla,Safari 以及 Chrome 浏览器支持。
required 属性
现在,我们不需要使用 JavaScript 处理诸如空文本框永远不能被提交的这类客户端验证了,因为 HTML5 引入了一个叫做 required 的新属性,可以按照如下方式使用,它会保证输入框有值:
<input type="text" name="search" required/>
这个属性只有最新版的 Mozilla,Safari 以及 Chrome 浏览器支持。
0 0
- H5的表单2.0
- H5表单的pattern验证
- H5新增的表单属性
- H5表单
- h5 表单
- H5~表单
- H5学习之旅-H5的表单(11)
- jQuery的事件,选择器,h5的表单
- H5 新的表单元素 datalist
- H5中新增的表单元素
- h5表单的标题和属性
- 还算实用的验证表单H5
- 我的H5生涯之表单
- h5本地保存表单的数据
- H5新表单属性
- H5表单类型
- H5表单元素详解
- 使用H5设计表单
- 学习总结:springMVC静态资源导入——bootstrap导入及其注意事项
- 原生数据类型(Primitive Data Type)
- 《go语言编程》学习笔记二
- spss-数据抽取-拆分与合并
- 微信小程序教程——使用checkbox显示多项选择框
- H5的表单2.0
- Redis_Java连接Redis报错
- linux下的软件包管理
- ubuntu 14.04 install python django mysql
- 文章标题
- 结构体之间的强制类型转换
- 携程移动端架构演进与优化之路
- android系统学习第二讲:初识activity及android基本的控件
- SLAM学习过程术语杂烩