<label> 元素:可以绑定 input 元素

<label>定义和用法

<label> 标签为 input 元素定义标注(标记)。

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

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

属性 for 

通过设置和 <input >元素的 id 值一致的值,绑定在这个  <input >元素上。

  <label for="male">Male</label>
  <input type="radio" id="male" />

这里  <label> 的 for属性值为 "male",   <input > 的 id 属性值也为 "male",实现两个元素绑定。

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

 

猜你喜欢

转载自blog.csdn.net/weixin_41796631/article/details/83036603