HTML for 属性
定义和用法
当与 <label> 元素一起使用时， for 属性指定标签绑定到哪个表单元素。
当与 <output> 元素一起使用时， for 属性指定计算结果与用于计算的元素之间的关系。
适用范围
以下元素可以使用 for 属性：
| 元素 | Attribute |
|---|---|
| <label> | for |
| <output> | 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="提交">
</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 属性具有以下浏览器支持：
| 元素 | |||||
|---|---|---|---|---|---|
| 标签 | 是 | 是 | 是 | 是 | 是 |
| output | 10.0 | 不支持 | 4.0 | 5.1 | 11.0 |
