什么是输出元素？

Question

伙计，我根本没有得到output element。

问：这是什么？

Answer 1

您可以为其设置onforminput事件监听器，然后根据同一input内的其他form标记进行计算，并根据这些计算设置其值。

<input name="add_me" type="number"> +
<input name="me_too" type="number"> =
<output name="result" onforminput="value = add_me.valueAsNumber + me_too.valueAsNumber"></output>

Answer 2

输出元素只是为标记添加语义含义。这很难理解，因为我们习惯于输入元素，浏览器总是使用某些UI进行渲染，而输出元素没有任何关联的UI（如在div元素中）。

onforminput事件（如其中一个答案中所示）已被弃用，而且应使用oninput事件：

<form oninput="result.value=a.valueAsNumber + b.valueAsNumber">
  <input type="range" name="a"> + 
  <input type="number" name="b"> =
  <output name="result"></output>
</form>

但是，这只是输出标记的特定用例，javascript不必自动处理结果。任何类型的输出即使手动处理也足够了。

Answer 3

在我看来，这正是它在锡上所说的。它表示在页面上的其他位置执行某些计算的结果。