label标签的for属性要指向input的id属性一致

html:
<input class="a" id="one" type="text"></input>

            <div class="a" id="two">eeeeeeee</div><label for="one">点我试试!!</label>    //for 的作用：相当于将id=“one”的标签绑定到了label上，

js:
<script>

    $("#one").on("mouseenter",fff)$("#one").on("mouseleave",ggg)function fff(){$("#two").css("background-color","red");}function ggg(){$("#two").css("background-color","#999999");}
</script>

1.label 里的那个for属性是指向input 等表单里的元素，方便输入框获取焦点
2.label的for属性的值与要指向input的id属性一致，就像这样

<label for="one"> </label>
<input type="text" id="one" />
3.你现在的js代码里，就可以用$("#one") 获取到 input了。

在vue中同样道理：

<h3>多选绑定一个数组</h3><p><input type="checkbox" id="JSPang" value="JSPang" v-model="web_Names"><label for="JSPang">JSPang</label><br/><input type="checkbox" id="Panda" value="Panda" v-model="web_Names"><label for="Panda">Panda</label><br/><input type="checkbox" id="PanPan" value="PanPan" v-model="web_Names"><label for="PanPan">PanPan</label><p>{{web_Names}}</p></p>

label标签的for属性要指向input的id属性一致相关推荐

label标签for属性的使用
<label>是我们经常是用到的标签,一般用在<input>标签之前,用来指示该输入框需要的信息.但<label>标签还有个for属性,可以关联<input& ...
input表单标签和label标签以及常使用标签的介绍
文章目录一.input表单标签 1.文本框 2.密码框 3.单选框 4.复选框 5.文件选择 6.按钮二.button按钮标签三.select下拉菜单标签四.textarea文本域标签五.l ...
label标签和input标签之间的关系
在用到点击出现效果的时候总会用到label标签和input标签,当时也不是很明白,直到看了一篇博客之后才恍然大悟. 下面是文章链接 http://t.csdn.cn/rzVG0 运用input标签里面 ...
HTML基础：label标签的for属性
HTML基础:label标签的for属性 1.基本用法: 将一个 <label> 和一个 <input> 元素相关联可以点击关联的标签来聚焦或者激活这个输入元素,就像直接点击输 ...
html中id属性,html中的id属性是什么？id属性的使用
html中的id属性是什么?本篇文章给大家带来的内容是介绍html中的id属性,让大家了解id属性的使用方法,希望对大家有所帮助. html的id属性是什么? html的id属性其实就是一个HTML元 ...
html.textboxfor属性,label标签中的for属性与form属性
HTML中的label标签是干什么的?在讲这个标签之前先来做一个示范,请点击以下的文本框控件: 你的姓名是: 大家都知道上面的文本框使用的是input元素,当鼠标点击文本框时就能输入文本,若是点击文本 ...
label 标签属性的总结归纳
<label> 标签为 input 元素定义标注(标记). label 元素不会向用户呈现任何特殊效果.当用户点击相关文字时,浏览器就会自动将焦点转移到该标签相关的表单控件上,即只要是点击 ...
label标签中的for属性
1. 使用介绍 label中的for属性规定了label与哪个表单元素绑定.for属性的值和表单元素的id值一样,即可完成该label标签与该表单元素的绑定. <label for=" ...
label标签与input标签的对齐问题
如果要实现上面这种对齐效果,直接拉到文章底,反正我会说一堆废话.jpg 在这里使用的是嵌套格式: <label>Text<input/></label> 而非通常的 ...

label标签的for属性要指向input的id属性一致

label标签的for属性要指向input的id属性一致相关推荐

最新文章

热门文章