Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

<output>NEU

Mit der Implementierung des <output> Elements in die HTML5 Spezifikation wurde eine Möglichkeit geschaffen, clientseitige Eingaben direkt zu verarbeiten und das Ergebnis der Berechnung darzustellen. Das <output> Element dient ausschließlich dazu Werte darzustellen, die bisher mit Hilfe von JavaScript, wie beispielsweise document.write() oder this.value, realisiert wurden.

elementspezifischen Attribute
AttributBeschreibung
forBeziehung(en) zu anderen Eingabefeldern
nameEindeutiger Name
formIdentifikation des dazugehörigen Formulars

Beispiel:

<form oninput="document.getElementById('output').innerHTML
= (parseFloat(a.value) * parseFloat(b.value) / parseFloat(c.value) ).toFixed(2)">
<input id="a" type="number" step="any"> *
<input id="b" type="number" step="any"> /
<input id="c" type="number" step="any"> =
<output id=output for="a b c"></output>
</form>

Beispiel:

* / =

Beispiel:

Berechnung des Gesamtbetrages
Artikel Anzahl:
Artikel Netto-Preis:
19% MwSt:28.50 Euro
Gesamtbetrag inkl. MwSt:178.50 Euro

Notation

<output [Attribute]>[Elementinhalt]</output>

Elternelemente

Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

zum <form> Element<form> .


Elementinhalt

Kann Text mit folgenden anderen HTML-Elementen enthalten:
Liste der HTML 5 Inline-ElementeInline-Elemente.


Attribute

Kann folgende elementspezifische Attribute enthalten:
zum HTML5 Attribut forfor | zum HTML5 Attribut formform | zum HTML5 Attribut namename

Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onformchange | onforminput | oninput | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll | onselect | onsubmit


W3C Logo Spezifikation

Tastaturkürzel