HTML5-Tag output

Mit dem neuen HTML5-Tag <output> lassen sich nur dynamisch zum Beispiel mit Jacascript erzeugte Werte ausgeben. Ein typisches Fallbeispiel ist die Summe der Artikel in einem Warenkorb.

Es besitzt ein value-Attribut, das durch DOM mit Javascript festlegen kann, was auf dem Bildschirm als Output erscheint.

Das ist für den Programmierer durchaus bequemer und einfacher beim Erstellen von Internetseiten als die bisherigen Möglichkeiten.

Hier ein Codebeispiel für eine Berechnung und die Ausgabe des Ergebnisses per Output-Tag:

<form onsubmit="return false" oninput="o.value = parseInt(a.value) + parseInt(b.value)">
  <input name="a" type="number" step="any"> +
  <input name="b" type="number" step="any"> =
  <output name="o"></output>
</form>

In diesem Codebeispiel wird auch das neue HTML5-Attribut „number“ des Input-Tags benutzt…