HTML <label> 标签的 for 属性

最新推荐文章于 2025-03-16 17:37:05 发布

年年嘉华

最新推荐文章于 2025-03-16 17:37:05 发布

阅读量841

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ljx_1997/article/details/85111891

本文介绍了HTML中表单元素与Label元素的关联方式，包括显式和隐式联系，通过Label的for属性与表单元素ID绑定，实现点击Label快速触发相应表单元素的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<body>

<p>请点击文本标记之一，就可以触发相关控件：</p>

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
</body>
</html>

显式的联系：
<label for="SSN">Social Security Number:</label> <input type="text" name="SocSecNum" id="SSN" />

隐式的联系：
<label>Date of Birth: <input type="text" name="DofB" /></label>

总而言之就是可以通过lable for 与表单的元素的id进行绑定，点击lable就可以快速触发绑定的相应的表单元素。