html点击关联标签<label>

于 2018-01-10 09:11:33 发布
阅读量2.2k 收藏 2
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/CROOTJAVA/article/details/79019502
版权
本文介绍了如何利用HTML中的&lt;label&gt;标签来简化网页上输入框的选择过程。通过设置显式或隐式的关联方式，用户只需点击标签文本即可激活对应的输入框，提升了用户体验。

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

在平时的网页浏览中，我们想选中一些输入框必须得点击输入框才能选中，如果用了<label>标签那么点击<label>就相当于点击<label>绑定的标签

<label for="email">E-mail:</label>  
<input type="text" id="email">

无论你是点击label标签下的文字还是输入框都可以选中

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

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