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

<output>NEU

Bedeutung

Spezifiziert einen Ausgabebereich für dynamische Berechnungen


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


Standard-Style-Formateigenschaften

output {
   display: inline;
}


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>

Erläuterung

Das <output> Element ermöglicht es 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.


W3C Logo & WHATWG Logo Spezifikation

Tastaturkürzel