HTML5 – Neuer Tag

Posted in Allgemeines, HTML5 on 03/14/2010 11:42 by kh4711

Der Tag <output> in HTML5 definiert die Ausgabe von Formulartypen. Bei Script Sprachen, wie zum Beispiel Javascript, können die in den Variablen enthaltenen Daten ausgegeben werden.

Es können drei Attribute genutzt werden:

  • name = Hier wird ein einmaliger (unique) Schlüssel hinterlegt. Dieser wird bei der Übertragung des Formulars mit übertragen
  • form = Hier werden die Namen eines oder mehrer Formulare angegeben, bei denen das im Tag Output angegebene Formularfeld vorhanden ist.
  • for = Definiert eines oder mehrere Elemente, die sich auf das in Output angegebene Feld beziehen.

Achtung: Auch hier werden Atribute optional angegeben.

Zudem können

  • die Universalattribute class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
  • die Eventattribute onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

verwendet werden.

Quellcode Beispiel:

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Den Tag output nutzen</title>
      <script type="text/javascript">
        function write_txt()
        {
          a="Hallo "
          b="Welt"
          document.forms["summe_formular"]["id123"].value=a+b
        }
      </script>
  </head>
  <body onload="write_txt()">
    <h1>Output im Formular</h1>
      <form action="form_test.asp" method="get" name="summe_formular">
        <output name="id123"></output>
      </form>
  </body>
</html>

Der Tag wird nur verarbeitet, wenn der Browser des Nutzers dies unterstützt!

 

Leave a Reply

Comments are closed.

« | »