<label>标签为input元素定义标注(标签)
1:使用场景:把光标放在男或女图标附近就能选中,而不只是局限于只能点到小圆点,面积更大。增加用户体验
<label>标签用于绑定一个表单元素,当点击<label>标签内的文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,来增加用户体验。
语法如下:
<label for="sex">男</label>
<input type="radio" name="sex" id="sex"/>
<label for="text">用户名:</label><input type="text" id="text"/>
<br>
<input type="radio" id="t"/><label for="t">男</label>
得到的效果是点击用户名光标出现在框里,点击男可以选择相应的小圆点