HTML <output> 元素

HTML <output> 元素表示计算或用户操作的结果（比如执行脚本的输出）。

将计算结果显示在 <output> 元素中：

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

尝试一下 »

特性

内容类别	流式内容，短语内容，可列举的，可标签的，可重置的表单相关内容，可触知内容。
允许的内容	短语内容。
标签省略	不允许，开始标签和结束标签都不能省略。
允许的父元素	任何接受短语内容的元素。
允许的 ARIA 角色	任意
DOM 接口	HTMLOutputElement

属性

该元素包含了全局属性。

for

其他元素的 ID 列表，表示这些元素将输入值提供给（或以其他方式影响）该元素计算。

form

该元素与其相关联的表单元素（其 “表单所有者”）。属性的值必须是同一文档中的表单元素的 ID。如果未指定该属性，则输出元素必须是表单元素的后代。该属性使您能够将输出元素放置在文档中的任何位置，而不仅仅是作为其表单元素的后代。

name

元素的名称。

事件属性

<output> 元素支持所有 HTML事件属性。

规范

规范	状态	备注
HTML Living Standard <output> 的定义	现行的标准	-
HTML5 <output> 的定义	推荐	-

HTML 4.01 与 HTML5 中的差异

<output> 标签是 HTML5 中的新元素。

桌面浏览器兼容性

移动浏览器兼容性

相关链接

• 其他表单相关的元素：<form>，<input>，<button>，<datalist>，<legend>，<label>，<select>，<optgroup>，<option>，<textarea>，<keygen>，<fieldset>，<progress> 和 <meter>。