Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

我們的志工尚未將此文章翻譯為 正體中文 (繁體) 版本。加入我們,幫忙翻譯!

Introduced in HTML5

Summary

The HTML <output> element represents the result of a calculation or user action.

Content categories Flow content, phrasing content, listed, labelable, resettable  form-associated element, palpable content.
Permitted content Phrasing content.
Tag omission None, both the starting and ending tag are mandatory.
Permitted parent elements Any element that accepts phrasing content.
DOM interface HTMLOutputElement

Attributes

This element includes the global attributes.

for
A list of IDs of other elements, indicating that those elements contributed input values to (or otherwise affected) the calculation.
form
The form element that this element is associated with (its "form owner"). The value of the attribute must be an ID of a form element in the same document. If this attribute is not specified, the output element must be a descendant of a form element. This attribute enables you to place output elements anywhere within a document, not just as descendants of their form elements.
name
The name of the element.

Example

<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>

Specifications

Specification Status Comment
WHATWG HTML Living Standard
The definition of '<output>' in that specification.
Living Standard  
HTML5
The definition of '<output>' in that specification.
Recommendation  

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 10 4.0 (2.0) No support 11 7
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? 4.0 (2.0) ? ? 7

See also