深入理解HTML中label的作用和使用方法(附代码)


当前第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.jpg

总结:一般要实现点击单选按钮框文字或多选按钮框文字对应选择按钮被选择,使用label标签即可,注意for与id值相同即可实现。Label标签默认情况下是没有任何样式,可以使用CSS设置css宽度、css高度、css边框等样式。新手可以多敲代码多敲尝试,希望这个教程可以帮助到你。

以上就是深入理解HTML中label的作用和使用方法(附代码)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

Html在两个div标签中间画一条竖线的代码

jsp和Html之间有什么区别

详细介绍Html中的label标签

Html5与Html的区别有哪些?Html5与Html四大区别总结

Html中b标签和strong标签的区别是什么?b和strong区别的总结

Html中如何使用js来获取本地系统时间

Html base标签怎么用?Html base标签的用法总结

Html如何写出竖线

Html怎么设置下划线

Html中怎么把表格居中

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...