本文介绍HTML中label元素如何与input元素结合使用来增强用户体验。通过设置label的for属性与input元素的id相匹配，可以实现点击label时使对应的input元素获得焦点。文章通过一个具体的例子展示了如何创建一个包含两个选项的表单，每个选项都有一个label和一个input radio元素。
效果：
原理：
<label> for属性指定要绑定的元素的 id；
<ul>
<li style="float: left;"><input type="radio" id="yes" value="yes" checked="checked"/>
<label for="yes" style="width: 100px;float: right;">正常备案</label>
</li>
<li style="float: left;">
<input type="radio" id= "no" value= "no"/>
<label for="no" style="width: 100px;float: right;">异常备案</label>
</li>
</ul>
再对《ul》、《li》的标签做样式调整即可满足各种需求；
扫一扫
3572
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
