<output>: The Output element

The HTML Output element (<output>) is a container element into which a site or app can inject the results of a calculation or the outcome of a user action.

Attributes

This element includes the global attributes.

for

A space-separated list of other elements’ ids, 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. This attribute is not needed if the output element is a descendant of a form element or not associated with a form element.

name

The name of the element, exposed in the HTMLFormElement API.

Example

This form provides a slider whose value can range between 0 and 100. and an <input> element into which you can enter a second number. The two numbers are added together and the result is displayed in the <output> element each time the value of any of the controls changes.

<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

Browser compatibility

See also

• Other form-related elements: <form>, <input>, <button>, <datalist>, <legend>, <label>, <select>, <optgroup>, <option>, <textarea>, <keygen>, <fieldset>, <progress> and <meter>.