当前第2页 返回上一页
1 2 3 4 5 6 7 | <form action="" method="get">
性别：<br />
<input name="sex" id="man" type="radio" value="" />
<label for="man">男</label>
<input name="sex" id="woman" type="radio" value="" />
<label for="woman">女</label>
</form>
|
注：input标签内id的值与label标签内for的值对应。
看图：
总结：一般要实现点击单选按钮框文字或多选按钮框文字对应选择按钮被选择，使用label标签即可，注意for与id值相同即可实现。Label标签默认情况下是没有任何样式，可以使用CSS设置css宽度、css高度、css边框等样式。新手可以多敲代码多敲尝试，希望这个教程可以帮助到你。
以上就是深入理解HTML中label的作用和使用方法（附代码）的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
Html noframes标签怎么用
Html/javascript怎么跳转页面
Html轮播图如何实现
Html post乱码怎么办
Html搜索框怎么做
了解浏览器渲染网页的每个步骤机制！
Html网页的列表标签分为哪几种
Html如何移除元素
Html实现窗口大小变化时页面刷新（代码）
Html中注释标记的基本语法是什么
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 深入理解HTML中label的作用和使用方法（附代码）
