HTML for 属性


定义和用法

与 <label> 元素一起使用时,for 属性指定标签绑定到哪个表单元素。

与 <output> 元素一起使用时,for属性指定计算结果与计算中使用的元素之间的关系。


适用于

for 属性可用于以下元素:

元素 属性
<label> for
<output> for

实例

For 实例

三个带标签的单选按钮:

<form action="/action_page.php">
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><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 属性对每个元素都有以下浏览器支持:

元素
label Yes Yes Yes Yes Yes
output 10.0 不支持 4.0 5.1  11.0