label 标签没有特殊效果,但是扩大了触发元素区域。如果在 label 元素内点击文本,就会触发此控件。即,当用户选择该标签时,浏览器就会自动将焦点转移到和标签相关的表单控件上。
label标签:
语法:
<label></label>
写法一:
<label><input type="radio" name="gender" checked> 男 </label>
<label><input type="radio" name="gender" > 女 </label>
写法二:
<input type="radio" name="gender" id="man" checked>
<label for="man">男</label>
<input type="radio" name="gender" id="woman">
<label for="woman">女</label>
这样当鼠标点击到男或女字上也可以选择到对应的单选框了。