label标签的for属性用法

编程小号 • 2023-07-14 21:17 • 未分类

label标签的for属性用法会用for属性的人就不要看了标签的for属性格式描述：设置或获取给定标签对象指定到的对象。一般用在输入框，单选框，复选框等地方注意for的值要与所用控件的Name值对应用实例来演示，看后就明白了[xhtml]viewplaincopyprint?html> body> fieldset> legend>item：l

会用for属性的人就不要看了

<label>标签的for属性格式

<label for=””></label>

描述：设置或获取给定标签对象指定到的对象。

一般用在输入框，单选框，复选框等地方

注意for的值要与所用控件的Name值对应

用实例来演示，看后就明白了

[xhtml]
view plain
copy
print
?

<html>
<body>
<fieldset>
<legend>item：</legend>
<form>
<label for=“name”>name：</label><input type=“text” id=“name” />
<label for=“man”>男 </label><input type=“checkbox” name=“man” id=“man”/>
<label for=“woman”>女 </label><input type=“checkbox” name=“woman” id=“woman”/>
</form>
</body>
</html>

<html><br /><body><br /><fieldset><br /><legend>item：</legend><br /><form><br /><label for=”name”>name：</label><input type=”text” id=”name” /><br /><label for=”man”>男 </label><input type=”checkbox” name=”man” id=”man”/><br /><label for=”woman”>女 </label><input type=”checkbox” name=”woman” id=”woman”/><br /></form><br /></body><br /></html>

当我们运行后，首先我们单击用户名时就会发现和直接单击输入框一样都可以使光标定位到输入框里

当单击复选框男或者女时效果和我们直接单击复选框打勾的效果一样都可以进行打勾操作

这就是for属性的用法，很简单

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/37090.html

赞 (0)

0

发表回复