<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> 元素用于显示两个输入字段的和。当用户通过滑块或输入框更改值时,JavaScript 将计算结果,并将结果显示在 <output> 元素中。
常见属性:
- for: 指定与之相关联的输入元素的 id 值。
- name: 用于命名输出,使其能够在表单中被引用。
<output> 标签通常用于表单中,但它也可以用于其他需要显示输出的场景。它提供了一种灵活的方式来将计算结果或用户操作的输出集成到 HTML 文档中。
转载请注明出处:http://www.zyzy.cn/article/detail/3755/HTML5