美文网首页Python Web
html中的label标签for属性的使用

html中的label标签for属性的使用

作者: CoderZb | 来源:发表于2019-01-02 14:51 被阅读1次

显式关系绑定(for和id的值必须一样)

for属性规定label与哪个表单元素绑定。这种绑定关系是显式关系绑定。代码如下:

<label for="personInfo_ID">个人信息:</label>
<input type="text" name="personInfo_name" id="personInfo_ID" />

隐式关系绑定(label标签中嵌入input标签来实现隐式关系绑定)

label标签不需要for属性,input标签也不需要id属性,而是通过label标签中嵌入input标签来实现关系绑定,这种绑定关系是隐式关系绑定。代码如下:

<label>个人信息:<input type="text" name="personInfo_name" /></label>

效果如下

image.png

相关文章

  • html中的label标签for属性的使用

    显式关系绑定(for和id的值必须一样) for属性规定label与哪个表单元素绑定。这种绑定关系是显式关系绑定。...

  • 学习Vue3(二)

    属性的绑定 在上一篇中,我们使用 {{}} 将数据和Html标签值进行了绑定。 对于标签Html中的属性,我们使用...

  • ios html解析

    iOS解析HTMl标签以及开发中的一些坑 - 简书 1.Label的attributedString属性: NSA...

  • 2018-06-03

    HTML/CSS HTML