Beispiel
Führen Sie eine Berechnung und zeigen das Ergebnis in einem <output> Element:
<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="50">
=<output name="x" for="a b"></output>
</form>
Versuch es selber " Definition und Verwendung
Die <output> Tag repräsentiert das Ergebnis einer Berechnung (wie man von einem Skript ausgeführt).
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <output> | 10.0 | Nicht unterstützt | 4.0 | 5.1 | 11.0 |
Unterschiede zwischen HTML 4.01 und HTML5
Die <output> Tag ist neu in HTML5.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| for | element_id | Gibt die Beziehung zwischen dem Ergebnis der Berechnung, und die in der Berechnung verwendeten Elemente |
| form | form_id | Gibt eine oder mehrere Formen der Ausgangselement gehört |
| name | name | Gibt einen Namen für das Abtriebselement |
globale Attribute
Die <output> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <output> Tag unterstützt auch die Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: Output - Objekt
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <output> mit den folgenden Standardwerte Element:
output {
display: inline;
}