HTML 标签中 for 属性的用法
定义和用法
- 定义：for 属性规定 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>
语法
<label for="value">
属性值
| 值 | 描述 |
|---|---|
| element_id | label 要绑定的元素的 id。 |
实例
<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>
浏览器支持
所有主流浏览器都支持 for 属性。
Safari 2 或更早的版本不支持 for 属性。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！