label标签

898 阅读1分钟

1.label标签

label标签没有特殊的呈现效果,但是为鼠标用户增加了可用性。
当用户点击标签内的文本内容时,就会触发控件,将鼠标焦点移到对应的控件中。

2.属性

  • for:for属性用于绑定控件,控件中id需要与for规定的名称一致。

3.示例代码

<label for="nan">
     <input id="nan" value="nan" name="sex" type="radio">男
 </label>
 <label for="nv">
     <input id="nv" value="nv" name="sex" type="radio">女
 </label>
 <label for="text">
     用户名<input id="text" type="text">
 </label>