html5建议使用,[HTML5]label标签使用以及建议

for 属性规定 label 与哪个表单元素绑定。

隐式和显式的联系

标记通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为标签下的 for 属性命名一个目标表单 id，这样就是显式形式。

显式的联系：Social Security Number:

隐式的联系：Date of Birth:

第一个标记是以显式形式将文本 "Social Security Number:" 和表单的社会安全号码的文本输入控件 ("SocSecNum") 联系起来，它的 for 属性的值和控件的 id 一样，都是 SSN。第二个标记 ("Date of Birth:") 不需要 for 属性，它的相关控件也不需要 id 属性，它们是通过在标签中放入标签来隐式地连接起来的。

html5中新增的form属性:

form 属性规定 label 所属的一个或多个表单。

form 属性的值必须是其所属的表单的 id。

如需引用一个以上的表单，请使用空格分隔的列表。

建议：不推荐使用form属性，经过实际测试，即使不使用form属性指向表单也可以在表单外指向表单内的元素，因为页面元素的id是唯一的，根本用不着form来进行区分此label属于哪个表单。

所以如果能保证页面元素id唯一，那么只是用for属性就可以了，如果不能保证页面元素id唯一那么推荐使用隐式绑定即使目标元素id重复也无碍(如果你想着使用form属性来解决这种情况，你会发现form属性根本不起作用，起作用的还是for属性，它会指向重复id第一次出现的元素)。

就当form属性不存在吧，一点用都没有。

html5建议使用,[HTML5]label标签使用以及建议相关推荐

html label标签 ie6,说说HTML5中label标签的可访问性问题
一.开篇叨叨一般稍微有些经验的页面制作人员都知道label标签可以优雅地扩大表单控件元素的点击区域,例如,单纯的单选框点击区域就鼻屎那么大的地方,经常会点不到位置.因此,label标签的使用对于提高 ...
html5多大场景,HTML5新标签解释及其使用场景
我们来看一下HTML 5提供的一些新的标签用法和HTML 4的区别标签定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本,亦或是来自其他外部 ...
web前端入门到实战：HTML5新增和废弃的标签
一.废弃的标签以下的 HTML 4.01 元素在HTML5中已经被删除,虽然浏览器为了兼容性考虑都还支持这些标签,但建议使用新的替代标签,矛盾的是老浏览器对新标签的支持度又不够,视项目的受众对象而定 ...
HTML5的革新——语义化标签
一.语义化标签的实战意义我先收集到一些观点,大家姑且先听上一听, 有人说: "没必要考虑语义化,只要我写的代码浏览器运行后没问题就行,反正领导根本不关心这些" " ...
HTML5新增的标签语义标签,HTML5新增的语义化标签解析
HTML5 新增了许多语义化标签语义化好处:便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 作用 : 1.为了在没有CSS的情况下,页面也能呈现出很好地内容结构.代码结构:为 ...
HTML5学习之语义化标签
一.为什么HTML5要引入新语义标签在HTML5出现之前,我们一般采用DIV+CSS布局我们的页面.但是这样的布局方式不仅使我们的文档结构不够清晰,而且不利于搜索引擎爬虫对我们页面的爬取.为了解决上 ...
html5语义化编程,HTML5常用的语义化标签
本文将为您描述HTML5常用的语义化标签,具体实现方法:快速查询 article | aside | nav | section | header | footer 架构预览 nav定义导航链接的部分 ...
html5中figure怎么用,HTML5中figure和figcaption标签用法
HTML5中figure和figcaption标签一般都是配套使用的,先了解下两者的基本定义,然后结合实例来说明两者的用法. 标签规定独立的流内容(图像.图表.照片.代码等等). figure元素的内 ...
HTML5介绍，HTML5语义化标签
单纯的html标签长什么样? 代码如下: <p>我是一个p标签</p> 标签由英文尖括号<和>括起来,如<html>就是一个标签. html中的标签一般 ...

html5建议使用,[HTML5]label标签使用以及建议

html5建议使用,[HTML5]label标签使用以及建议相关推荐

最新文章

热门文章