📜  HTML<output>标签(1)

📅  最后修改于: 2023-12-03 15:15:44.071000             🧑  作者: Mango

HTML 标签

HTML 标签用于显示计算结果。

可以结合 JavaScript 使用,将计算结果输出到该标签中,也可以使用该标签对用户的输入进行回显显示。

语法
<output for="input_id"></output>
属性
  • for:必需属性,指定与该输出结果关联的控件的 id 值。

其他属性和通用属性请参考 HTML 标签参考手册

示例

下面的例子演示如何使用 标签:

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" id="a" value="50">
+ <input type="number" id="b" value="10">
= <output name="result" for="a b"></output>
</form>

以上代码会将 <input> 元素的值相加,并将最终结果输出到 <output> 元素中。

浏览器支持

标签在所有主流浏览器中都得到支持,如下:

  • Chrome
  • Firefox
  • Safari
  • Opera
  • IE 11+
总结

以上就是对 HTML 标签的介绍。作为程序员,可以通过该标签向用户展示他们的输入或计算结果,在一些表单和计算器应用程序中得到广泛应用。