<output>

版本：HTML5

HTML<output>标签表示计算或用户操作的结果。

浏览器支持


Firefox、Opera、Chrome 和 Safari 浏览器都支持<output>标签。
注意:Internet Explorer 浏览器不支持`<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"></output>
</form>

标签定义及使用说明

<output>标签作为计算结果输出显示(比如执行脚本的输出)。

Content categories	流式元素，短语元素，listed, labelable, resettable form-associated element,段落内容元素.
允许元素	短语元素
省略标签	不允许，开始标签和结束标签都不能省略。
允许父元素	接受任何短语元素
允许ARIA角色	Any
DOM 接口	`HTMLOutputElement`

属性

值

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

for: 其它影响计算结果的标签的ID，可以多个。
form: 与当前标签有关联的form（从属的表单）。该属性的值必须是当前文档内的表单元素的ID。如果未指明该属性，output标签必须是一个form的后代标签。该属性的用处在于可以让output标签脱离form标签，存在于一个网页文档的任意位置。
name: name属性。

HTML 4.01 与 HTML 5 之间的差异

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

在HTML 4.01 与 HTML5中的差异

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

全局属性

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

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title

事件属性

<output>标签支持所有HTML事件属性。

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

实例

将计算结果显示在<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>