for.md

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