`

HTML <label> 标签的 for 属性

    博客分类:
  • html
阅读更多

定义和用法

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

隐式和显式的联系

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

例如,在 XHTML 中:

显式的联系:
<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSn" />

隐式的联系:
<label>Date of Birth: <input type="text" name="DofB" /></label>

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

分享到:
评论

相关推荐

    label标签是什么意思.docx

    例如:&lt;label for="male"&gt;Male&lt;/label&gt;,这里的 "for" 属性的值是 "male",它将标签绑定到 id 为 "male" 的控件上。这样,当用户点击该标签时,焦点将自动转到 id 为 "male" 的控件上。 在实际应用中,label 标签常...

    jQuery完全实例.rar

    For example, to create a span use $("&lt;span/&gt;") or $("&lt;span&gt;&lt;/span&gt;") instead of without the closing slash/tag. 返回值 jQuery 参数 html (String) : 用于动态创建DOM元素的HTML标记字符串 示例 动态创建...

    Xpage学习笔记

    2.5.1.1 通过插入&lt;div&gt;标签生成dojo按钮 5 2.5.1.2 使用xpage按钮控件 7 2.5.1.3 在按钮控件上使用事件处理程序控件 7 2.5.2 Xpage中使用 Spinner(dijit.form.NumberSpinner) 9 2.5.3 在xpage中使用ProgressBar...

    html入门到放弃笔记

    标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容&lt;/标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 ...

    Java的Struts框架中的主题模板和国际化设置

    主题模板 如果不指定一个主题,然后Struts... &lt;label for=empinfo_name class=label&gt;Name:&lt;/label&gt; &lt;/td&gt;&lt;td&gt; &lt;input type=text name=name value= id=empinfo_name/&gt; &lt;/td&gt; &lt;/tr&gt; 这里empinfo struts.xml文件中

    django form和field具体方法和属性说明

    {{ field.label }}:字段对应的&lt;lable&gt;标签的文字,例如“发件人”。 {{ field.label_tag }}:字段对应的&lt;lable&gt;标签。 {{ field.id_for_label }}:字段的“id”属性值。 {{ field.value }}:字段的值,例如标题的...

    微信小程序开发之小程序组件label标签解读以及分析实例

    label标签,与html的label标签基本一样。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,就会自动将焦点转...

    struts2 标签库 帮助文档

    1. &lt;s:label&gt;&lt;/s:label&gt;-----只读的标签 M: 1. &lt;s:merge&gt;&lt;/s:merge&gt;-----合并遍历集合出来的值 O: 1. &lt;s:optgroup&gt;&lt;/s:optgroup&gt;-----获取标签组 2. &lt;s:optiontransferselect doubleList="" list="" ...

    amcharts中文教程(柱状图,饼状图等的中文设置说明)

    &lt;settings&gt; &lt;data_type&gt;xml&lt;/data_type&gt; &lt;!-- [xml] (xml / csv) 数据类型xml/csv--&gt; &lt;csv_separator&gt;;&lt;/csv_separator&gt; &lt;!-- 如果使用csv作为数据的话,需要使用这个属性;表示文件数据分隔符,(平常以";...

    html中label标签的使用

    label 元素不会向用户呈现任何特殊效果 label把事件转移到相关元素上面 for 属性规定 label 与那个元素绑定绑定事件

    动易网站标签说明(电子书)

    &lt;XSL:FOR-EACH select="/NewDataSet/Table"&gt; 12. &lt;DIV class=c_spacing&gt; 13. &lt;/DIV&gt; 14. &lt;DIV class=c_main_box sizcache="0" sizset="1"&gt; 15. &lt;DIV class=class_title&gt; 16. &lt;DIV class=more&gt; 17. &lt;A&gt; 18. ...

    小程序极速实战开发《十一》label标签

    label标签,和html的label极其类似。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,就会自动将焦点转到和...

    web前端学习总结.pdf

    3. 添加标签:&lt;label for="idname"&gt;…&lt;/label&gt;。 4. 单(多)选按钮:&lt;input type="radio/checkbox" id="aaa" name="zky" value="beijing" /&gt;&lt;label for="aaa"&gt;北京&lt;/label&gt;。 5. 下拉框:&lt;select id="zky" name=...

    web前端学习总结(精华版).pdf

    4. 添加标签:&lt;label for="idname"&gt;,&lt;/label&gt; 5. 单(多)选按钮:&lt;input type="radio/checkbox" id="aaa" name="zky" value="beijing" /&gt; &lt;label for="aaa"&gt;北京 &lt;/label&gt; 6. 下拉框:&lt;select id="zky" name="zky" ...

    javascript文档

    fontcolor 方法 将 HTML 带 COLOR 属性的 &lt;FONT&gt; 标识添加到 String 对象中的文本两端。 fontsize 方法 将 HTML 带 SIZE 属性的 &lt;FONT&gt; 标识添加到 String 对象中的文本两端。 for 语句 只要指定的条件为 true,就...

    JScript 语言参考

    fontcolor 方法 将 HTML 带 COLOR 属性的 &lt;FONT&gt; 标识添加到 String 对象中的文本两端。 fontsize 方法 将 HTML 带 SIZE 属性的 &lt;FONT&gt; 标识添加到 String 对象中的文本两端。 for 语句 只要指定的条件为 true,就...

    微软JavaScript手册

    fontcolor 方法 将 HTML 带 COLOR 属性的 &lt;FONT&gt; 标识添加到 String 对象中的文本两端。 fontsize 方法 将 HTML 带 SIZE 属性的 &lt;FONT&gt; 标识添加到 String 对象中的文本两端。 for 语句 只要指定的条件为 true,就...

    Unique-Id-Mixin

    当您需要为标签及其各自的输入分配for=""属性时,这很有用。 安装 npm install unique-id-mixin --save-dev 示例用法 var UniqeIdMixin = require ( 'unique-id-mixin' ) ; var Component = React . createClass ...

    vue.js在标签属性中插入变量参数的方法

    html的标签的属性,比如id、class、href需要动态传递参数,拼接字符串,查了一些资料,并没有找到合适的解决方法,琢磨了一上午,终于试出了方法: v-bind:属性=“ ‘字符串’+自定义变量名”,自己试了没问题,有...

    arcgis工具

    执行菜单命令[选择]&gt;&gt;[通过属性选择],查询”Area”&lt;=10000 (平方米)的图斑 被选中的多边形以高亮方式显示,这些小的图斑将会被合并到与之相邻且有最大公共边 的多边形。当然也可以选择合并到相邻的面积最大的...

Global site tag (gtag.js) - Google Analytics