Das Tag <output> ist ein neues Tag in HTML5. Es definiert eine Stelle zur Darstellung des Ergebnisses einer Berechnung, die von einem Skript oder der Interaktion des Benutzers mit einem Formelement (<form>) durchgeführt wird.
Syntax
Das Tag <output> wird gepaart verwendet, das Endtag ist nicht obligatorisch.
Beispiel
<!DOCTYPE html>
<html>
<body>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100 +
<input type="number" id="b" value="25"> =
<output name="x" for="a b"></output>
</form>
<p>Multiplikation:</p>
<form oninput = "d.value = e.valueAsNumber * f.valueAsNumber">
<input type = "number" id = "e"> *
<input type = "number" id = "f"> =
<output name = "d" for = "e f"> </output>
</form>
</body>
</html>Ergebnis
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| for | element_id | Es definiert den Identifikator des Elements/der Elemente, die die Beziehung zwischen den Berechnungsergebnissen und in den Berechnungen verwendeten Elementen zeigt. |
| form | form_id | Es definiert eine oder einige Formen, zu deren das Element gehört. |
| name | name | Es definiert den Namen des Elements. |
Das Tag <output> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|---|---|---|---|
| 10+ | 4+ | 5.1+ | 11+ |
Übe dein Wissen
Was ist der Zweck des HTML-Tag outputs?
Richtig!
Falsch!