<output>

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. 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, 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 compatibilityUpdate compatibility data on GitHub

See also

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