HTML <output> 标签

在html中，output标签是html5新增标签，是使用来定义不同类型的输出（比如：脚本的输出）。output标签通常和form表单一起使用，用来输出显示计算结果。

实例

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

<!DOCTYPE html>
<html>
<body>
<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>
<p><b>注释：</b>Internet Explorer 不支持 <output> 标签。</p>
</body>
</html>

运行一下

浏览器支持

元素
<output>	10.0	13.0	4.0	5.1	11.0

Firefox, Chrome, Safari 以及 Opera 支持 <output> 标签。

注释：Internet Explorer 8 以及更早的版本不支持标签。

定义和用法

<output> 标签定义不同类型的输出，比如脚本的输出。

HTML 4.01 与 HTML 5 之间的差异

<output> 标签是 HTML 5 中的新标签。

属性

HTML5 中的新属性。

属性	值	描述
for	element_id	定义输出域相关的一个或多个元素。
form	form_id	定义输入字段所属的一个或多个表单。
name	name	定义对象的唯一名称。（表单提交时使用）

全局属性

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

事件属性

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

output标签默认样式

output {
  display: inline;
}