标记中的 HTML "for" 属性是什么<output>？

Question

我无法理解HTML5新输出标签中的for属性是什么，因为结果不会根据此属性的存在而改变。

这个问题是在2012年(HTML4(提出的，HTML5出现在2014年，我的问题不是重复的。回答为什么 attr "for" 在 HTML4 中。

Answer 1

for 属性指定计算结果与计算中使用的元素之间的关系。参见 MDN on label、MDN on output 和 W3Schools。

例子

label标签

<label for="username">Username</label>
<input type="text" id="username" name="username" />

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>

现在，当用户用鼠标单击用户名文本时，浏览器将自动将焦点放在相应的输入字段中。这也适用于其他输入元素，例如 <textbox> 和 <select> 和 <output> 。

Answer 2

正如 Mozilla Developer Network 所述：

其他元素的 ID 列表，指示这些元素为计算贡献了输入值(或以其他方式影响了计算(。

所以它只是一个可用于语义目的的列表。

W3schools没有对for标签提供足够的解释。请改用 MDN。

Answer 3

它没有做太多事情，只是为了更好地了解与输出相关的输入之间的关系。

所以其他人可以很容易地理解你的代码。

参考以下内容：没有 for="x y"> 在输出中是相同的。

<form oninput="z.value=parseInt(x.value)+parseInt(y.value)">
<label>First Value</label>
<input type="number" id="x" >
<label>Second Value</label>
<input type="number" id="y">
<label>Result :</label>
<output name="z"></output>
</form>