HTML <output> 标签

定义和用法

<output> 标签用于表示计算的结果（例如由脚本执行的计算）。

另请参阅：

HTML DOM 参考手册：Output 对象

实例

执行计算并在 <output> 元素中显示结果：

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

亲自试一试

属性

属性 值 描述
for 元素 id 规定计算结果与计算中使用的元素之间的关系。
form 表单 id 规定 output 元素所属的表单。
name 名称 规定 output 元素的名称。

全局属性

<output> 标签还支持 HTML 中的全局属性。

事件属性

<output> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <output> 元素：

output {
  display: inline;
}

浏览器支持

表中的数字注明了首个完全支持该标签的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 13.0 4.0 5.1 11.0