<output> 标签用于表示计算或用户操作的结果,通常用于表单元素。它允许你将计算结果显示在页面上,以便用户查看。以下是一个简单的示例:
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" id="a" value="50">+
  <input type="number" id="b" value="50">
  = <output name="result" for="a b">100</output>
</form>

在这个例子中,<output> 标签用于显示输入字段 a 和 b 的和。通过设置 oninput 属性,当用户调整滑块或输入数字时,JavaScript 表达式将计算新的和并将结果更新到 <output> 元素中。

<output> 元素可以通过 for 属性与相关的表单控件关联起来,以明确指定它与哪些输入元素相关联。

请注意,<output> 元素通常用于反映用户输入或计算的结果,并不是用于纯文本的输出。在实际应用中,你可以根据需要结合 JavaScript 和表单元素来动态更新 <output> 中的内容。


转载请注明出处:http://www.zyzy.cn/article/detail/3884/HTML