Tag <output>

Tag <output>

Definition

Status: Aktueller Standard

Das Tag <output> steht für output (Ausgabe).

Das HTML-Element <output> ist ein Container-Tag, das speziell dafür entwickelt wurde, das Ergebnis einer Berechnung oder einer Benutzeraktion (meist via JavaScript) anzuzeigen. Es ist ein semantisches Element, das Browsern und assistiven Technologien (wie Screenreadern) signalisiert, dass der darin enthaltene Text ein dynamisches Resultat ist.

Syntax

<output [attribut]"...">...</output>

Attribute bzw. Unterelemente

for

Eine Liste von IDs (durch Leerzeichen getrennt), die angeben, welche anderen Elemente (z. B. <input>) die Berechnung beeinflussen.

form

Die ID des Formulars, zu dem das Output-Element gehört. Dies ist nützlich, wenn das Tag außerhalb des eigentlichen <form>-Blocks platziert wird.

name

Ein Name für das Element, über den man in JavaScript leicht auf seinen Wert zugreifen kann.

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <output> - <output> als Ergebnis Schieberegler + Eingabe

Der Code:

<form oninput="result.value = parseInt(a.value) + parseInt(b.value)">
  <input type="range" id="a" value="50"> +
  <input type="number" id="b" value="10"> =
  <output name="result" for="a b">60</output>
</form>

Ergebnis:

Ergebnis: <output>-Demo 1
<output> als Ergebnis Schieberegler + Eingabe