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…

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>