html5 中一些标签新增的属性

HTML5对表单进行了重大改进,新增了如autocomplete和novalidate等属性,无需额外编码即可实现表单预填充和禁用验证功能。同时,新增了多种输入类型,如email、date、time等,以及新的输入属性,如autofocus和required,极大提升了用户体验和表单功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在HTML5中,对表单做了重大修整,一些以前需要通过JavaScript编码实现的功能现在无需编码就可轻松实现。

 

1、form 标签增加了两个新的属性:autocomplete和novalidate。

     autocomplete:用于启用“下拉建议列表”功能

     novalidate:用于关闭表单验证功能

 

2、fieldset 标签增加了三个新属性:disable、name和form。

     disable:用于禁用<fieldset>

     name:用于设置<fieldset>的名称

     form:用于与其所属表单关联,该属性值是<fieldset>所属的一个或多个表单的ID。在HTML5中,<fieldset>可处于其所属的一个或多个表单的外部,当<fieldset>被置于表单的外部时,你必须设置该<fieldset>标签的form属性,这样<fieldset>就可以正确地与一个或多个表单关联起来。

 

3、label 标签增加了一个新属性:form。

     form:用于与其所属表单关联,该属性值是<label>所属的一个或多个表单的ID,<label>标签也可放置在表单的外部。

 

4、新的输入(input)类型 :

 

     color  date  datetime  datetime-local  month
     week  time    email       number           range

     search    tel        url

    新的输入属性:

     autocomplete  autofocus  form  formaction  formenctype

     formmethod  formnovalidate  formtarget  height  max
     min  multiple  pattern  placeholder  required      step

 

 

 

转载于:https://www.cnblogs.com/ihada/archive/2011/08/07/html5.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值