HTML for 属性
定义和用法
当与 <label> 元素一起使用时，for 属性指定标签绑定到哪个表单元素。
当与 <output> 元素一起使用时，for 属性指定计算结果与计算中使用的元素之间的关系。
适用于
for 属性可用于以下元素：
| 元素 Element | 属性 Attribute |
|---|---|
| <label> | for |
| <output> | for |
示例
For 示例
三个带标签的单选按钮：
<form action="/action_page.php"> <input type="radio" id="html" name="fav_language" value="HTML"> <label for="html">HTML</label><br> <input type="radio" id="css" name="fav_language" value="CSS"> <label for="css">CSS</label><br> <input type="radio" id="javascript" name="fav_language" value="JavaScript"> <label for="javascript">JavaScript</label><br><br> <input type="submit" value="Submit"> </form>
Output 示例
执行计算并在 <output> 元素中显示结果：
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 <input type="range" id="a" value="50">100 +<input type="number" id="b" value="50"> =<output name="x" for="a b"></output> </form>
浏览器支持
for 属性对每个元素都有以下浏览器支持：
| Element |
|
|
|
|
|
|---|---|---|---|---|---|
| label | Yes | Yes | Yes | Yes | Yes |
| output | 10.0 | ❌ 不支持 | 4.0 | 5.1 | 11.0 |