HTML <output> 标签

实例

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

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

定义和用法

<output> 标记表示计算的结果(如脚本执行的计算).


浏览器支持

表中的数字指定了完全支持该元素的第一个浏览器版本.

Element
<output> 10.0 13.0  4.0 5.1 11.0

注意: IE/Edge不支持 <output> 元素的form属性.


HTML 4.01和HTML5之间的差异

<output> 标记是HTML5中的新标记.


属性

属性 描述
for element_id 描述计算中使用的元素与计算结果之间的关系
form form_id 定义输入字段所属的一个或多个表单
name name 定义对象的唯一名称


全局属性

<output> 标记还支持HTML中的 全局属性 .


事件属性

<output> 标记还支持HTML中的 事件属性 .


相关页面

HTML DOM参考: output对象


默认CSS设置

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

output {
    display: inline;
}