<label>标签for属性的妙用
- 一般情况下,label是没有任何特殊效果的,仅作为显示。
- label标签的for属性值应当与相关元素的id属性值相同
- 点击该label时,会自动将焦点转到和标签相关的控件上。
- 在用户注册的时候,常常用户点击文字就需要将光标聚焦到对应的表单上面,实现如下:
<!-- for="userName"必须和input组件的id="userName"相等 -->
<label for="userName">账号:</label>
<input type="text" name="userName" id="userName" placeholder="请输入账号">