Search results
Perform a calculation and show the result in an <output> element: <form oninput="x.value=parseInt (a.value)+parseInt (b.value)">. <input type="range" id="a" value="50">. + <input type="number" id="b" value="25">. = <output name="x" for="a b"></output>. </form>.
- Overview
- Attributes
- Examples
- Accessibility concerns
- Browser compatibility
The HTML element is a container element into which a site or app can inject the results of a calculation or the outcome of a user action.
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 element to associate the output with (its form owner). The value of this attribute must be the id of a in the same document. (If this attribute is not set, the is associated with its ancestor element, if any.)
This attribute lets you associate elements to s anywhere in the document, not just inside a . It can also override an ancestor element.
In the following example, the form provides a slider whose value can range between 0 and 100, and an element into which you can enter a second number. The two numbers are added together, and the result is displayed in the element each time the value of any of the controls changes.Result
Many browsers implement this element as an aria-live region. Assistive technology will thereby announce the results of UI interactions posted inside it without requiring that focus is switched away from the controls that produce those results.
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Write, run and share HTML code online using OneCompiler's HTML online Code editor. It supports HTML5, CSS and JavaScript, and provides syntax help, examples and tutorials.
Dec 28, 2023 · Learn how to use the HTML tag to display the result of a client-side script calculation. See syntax, attributes, examples and supported browsers for this new HTML 5 tag.
Learn how to use the HTML tag to display the result of a calculation or a user interaction. See syntax, attributes, examples and browser support for this HTML5 element.
W3Schools offers a free HTML tutorial with more than 200 examples and 100 exercises. You can also test your HTML skills with a quiz and get certified by completing the course.
Learn how to use the HTML tag to display the result of a calculation in HTML5. The tag is new in HTML5 and works with JavaScript to perform complex calculations.
