Label htmlFor 属性

Label 对象

返回 label 的 for 属性的值：

<form>
  <label id="myLabel" for="male">Male</label>
  <input type="radio" name="sex" id="male" value="male"><br>
</form>
<p>点击“尝试一下”按钮返回 label 的 for 属性的值。</p>
<p id="demo"></p>
<button onclick="myFunction()">尝试一下</button>
<script>
  function myFunction() {
    var x = document.getElementById("myLabel").htmlFor;
    document.getElementById("demo").innerHTML = x;
  }
</script>

尝试一下 »

---

定义和用法

htmlFor 属性设置或返回 lable 的 for 属性的值。

for 属性指定 label 要绑定到哪一个表单元素。

---

浏览器支持

所有主流浏览器都支持 form 属性。

---

语法

返回 htmlFor 属性：

labelObject.htmlFor

设置 htmlFor 属性：

labelObject.htmlFor=id

属性值

值	描述
id	label 要绑定的元素的 id。

技术细节

返回值：	字符串，表示 label 要绑定的元素的 id。

---

更多实例

改变 label 的 value 属性的值：

<form>
  <label id="myLabel" for="male">Male</label>
  <input type="radio" name="sex" id="male" value="male"><br>
</form>
<p>点击“尝试一下”按钮改变 label 的 for 属性的值。</p>
<p id="demo"></p>
<button onclick="myFunction()">尝试一下</button>
<script>
  function myFunction() {
    document.getElementById("myLabel").htmlFor = "newValue";
    document.getElementById("demo").innerHTML = "for 属性的值从 'male' 改为 'newValue'。";
  }
</script>

尝试一下 »

---

相关文章

HTML 参考手册：HTML <label> for 属性

---

Label 对象