Our volunteers haven't translated this article into فارسی yet. Join us and help get the job done!
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
- Other form-related elements:
<form>
,<input>
,<button>
,<datalist>
,<legend>
,<label>
,<select>
,<optgroup>
,<option>
,<textarea>
,<keygen>
,<fieldset>
,<progress>
and<meter>
.