H5的表单2.0

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 浏览器支持。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值