`
morning2008
  • 浏览: 112877 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

HEML label中的for属性

 
阅读更多

for属性主要是用来关联作用,看下下面运行结果:

<form>

<label for="cn_bruce">用户名</label>

<input type="text" name="cn_bruce" accesskey="c" id="cn_bruce" />

</form>

<label for="a">男</label> <input type="radio" name="s" value="n" id="a" />

<label for="b">女</label> <input type="radio" name="s" value="v" id="b" />

<label for="c">妖</label> <input type="radio" name="s" value="y" id="c" />

注意:label中的for属性是用来关联表单的,使单击该label时和单击表单时一样的效果,需要指明的是for关联的是表单的

id属性而不是name属性

分享到:
评论

相关推荐

    html中label标签的使用

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

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

    表单输出选项 {{ form.as_table }}:以表格形式加载...{{ field.id_for_label }}:字段的“id”属性值。 {{ field.value }}:字段的值,例如标题的内容。 {{ field.html_name }}:字段对应的HTML标签“name”属性的值。

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

    使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。 for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有:&lt;button/&gt;, , , 组件用法示例...

    纯CSS设置Checkbox复选框控件的样式(五种方法)

    隐藏掉所有的Checkbox复选框后,我们需要添加一个label HTML元素,我们都知道,当点击的有for属性的label标签时,对应的Checkbox复选框会被选中。这意味着,我们可以通过label的点击事件来处理我们的Checkbox复选框...

    html入门到放弃笔记

    1、属性必须声明在开始标记中 2、属性与标记名称之间,用 空格 隔开 3、属性的值 与 属性之间 使用 "=" 连接 4、一个元素允许有多属性,多属性间,排名不分先后,中间用 空格 隔开即可 Demo : 1、创建一个 ...

    CSS+HTML自定义checkbox效果的实例代码

    label的for属性可以关联一个具体的input元素,即使这个input本身不可被用户可见,有个与它对应的label后,用户可以直接通过和label标签交互来替代原生的input——而这给我们的样式模拟留下了空间。简而言之就是 隐藏...

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

    使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。 for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有:&lt;button/&gt;, , ,   组件用法...

    前端学习笔记(不断更新中)

    文章目录HTML基础CSS基础ES6 HTML基础 1.img标签中alt:图片加载失败时的提示文字 2.a标签中的target: ...5.label的for属性 Email: # 自动将焦点移动到绑定的元素 6.单选框(更好的可访问性) [外

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

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

    issuesSets::label::ice_cream: 包含JS、HTML、CSS常见面试题集锦,每天进步亿点点

    v-if和v-for指令为什么不建议同时使用 Vue组件化——全局组件和局部组件 Vue组件间数据传递 Vue的内置全局组件 Vue中的生命周期:candy: 初始化实例属性 初始化事件 Vue中的provide和inject Vue中状态的初始化(pr

    html5定制表单_动力节点Java学院整理

    HTML5中存在多种不同的输入框和按钮,通过设置input元素的type属性来实现,除此之外,HTML5中还支持选择列表、多行输入框等,这些元素都有自己的用途和属性,下面一一介绍。 单行文本输入框 type为text表示input元素...

    javascript文档

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

    jQuery将所有被选中的checkbox某个属性值连接成字符串的方法

    本文实例讲述了jQuery将所有被选中的checkbox某个属性值连接成字符串...&lt;label for=”1″&gt;选项一&lt;/label&gt; &lt;input type=”checkbox” id=”2″/&gt; &lt;label for=”2″&gt;选项二&lt;/label&gt; &lt;input type=”ch

    vue-uniq-ids-Vue.js 2.x插件,可帮助使用与ID相关的属性,且无副作用-Vue.js开发

    VueUniqIds一个Vue.js...某些HTML标记属性需要使用id属性,例如label [for],input [form]和许多aria- *属性。 id的问题在于它不是模块化的。 如果页面上的多个id属性具有相同的值,则它们可能会相互影响。 VueUniqIds

    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,就...

    BeginCollectionItemCore:该Html Helper利用了Steven.Anderson BeginCollectionItem,基于ASP.NET MVC Core和更高版本中的默认模型绑定器,通过HTTP POST实现视图模型集合属性。

    LabelFor ( x =&gt; x . Title ); @Html . EditorFor ( x =&gt; x . Title ); @Html . LabelFor ( x =&gt; x . Quantity ); @Html . EditorFor ( x =&gt; x . Quantity );}发行说明: 1.1.0:已更新为Target .Net

    jQuery mobile 移动web(4)

    移动互联网的发展,促生了各种各样的移动Web框架。jQuery Mobile 是一个针对触摸体验的 web UI ... 设置label 元素的for 属性为 select label 元素的文本内容作为选项的名称 定义div元素并设置data-role 属性值为 fiel

    《javaScrip开发技术大全》源代码

    • sample07.htm 在同一个HTML文档中多次引用外部脚本文件 • sample08.htm 使用外部脚本文件和嵌入的JavaScript代码 • sample09.htm 边加载边解析的JavaScript代码 • sample10....

    VB6.0封装EXCEL2010功能区菜单

    因为在自定义的XML中,包含了产生回调的onAction属性,所以创建的Excel文件需要启用宏。 第五步:在MyCustomUI.xlsm中,按Alt+F11组合键打开VBE,并插入一个标准模块,添加下面的代码供回调使用 Sub 完美(control ...

Global site tag (gtag.js) - Google Analytics