Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
ihrer Bedeutung genau den Attributen
action
bzw.
method
im

-Tag, mit dem Unterschied, dass jeder Submit-Button eigene und unterschiedliche
formaction
- und
formmethod
-Attribute mit unterschiedlichen Werten haben kann.
    Auch für die übrigen Attribute im

-Tag gibt es diese Entsprechungen in Submit-Buttons:
•  
formaction
entspricht
action
und bestimmt die URL-Adresse, die beim Absenden des Formulars aufgerufen werden soll.
•  
formmethod
entspricht
method
und bestimmt die Übertragungsmethode (in der Regel entweder
get
oder
post
).
•  
formenctype
entspricht
enctype
und definiert den Kodierungstyp der Formulardaten (
application/x-www-form-urlencoded
,
multipart/form-data
oder
text/plain
).
• 
formtarget
entspricht
target
und definiert das Zielfenster bzw. den Ziel-Browsing-Context der Formulardaten.
•   
formnovalidate
entspricht
novalidate
und ist ein Standalone-Attribut ohne Wertzuweisung. Wenn notiert, werden die Feldinhalte vor dem Absenden nicht auf gültige Eingaben hin überprüft.
Weitere Hinweise
Diese neuen Attribute wurden erst mit HTML5 eingeführt. Bedenkenlos verwenden kann man sie erst, wenn alle verbreiteten Browser sie unterstützen.
Referenzinformationen
    Attributreferenz
formaction
,
    Attributreferenz
formenctype
,
    Attributreferenz
formmethod
,
    Attributreferenz
formnovalidate
,
    Attributreferenz
formtarget

8.5        Informationskontrolle
HTML5 versteht sich im Gegensatz zu früheren HTML-Versionen stärker als Markup-Basis für dynamische Webanwendungen.
    Zu modernen, desktopartigen Anwendungen gehören aber nicht nur Feldtypen für Benutzereingaben, sondern auch Kontrollausgaben, die den Anwender in irgendeiner Form informieren oder Benutzereingaben sofort zu einem sichtbaren Ergebnis verarbeiten. Für diese Fälle führt HTML5 eine Reihe neuer Elemente ein. Es handelt sich bei diesen Feldern nicht im engeren Sinne um Formularfelder, wohl aber um Bestandteile von Dialoganwendungen. Alle diese Elemente können auf jeden Fall ein
form
-Attribut enthalten und damit einem Formular zugeordnet werden, ohne innerhalb von
form
-Tags notiert zu sein.
8.5.1      Ausgabefelder für Kalkulationen
HTML5 führt ein neues Formularelement namens
output
ein, in dem der Anwender nichts eingeben kann.
    Stattdessen ist das Element dazu gedacht, Werte aufzunehmen, die mit Hilfe von JavaScript ermittelt werden. Das würde allerdings ebenso gut mit versteckten Formularfelderngehen. Im Unterschied dazu, hat das hier beschriebene Element einen sichtbaren Elementinhalt. Außerdem wird die Syntax für einfache Kalkulationen stark vereinfacht.
Beispiel
    
    

Vorname Zuname:
    
    
    


    


        onforminput="value = zuname.value + ', ' +
    vorname.value">

    


    
    

Erläuterung
    Das Beispiel enthält zwei gewöhnliche einzeilige Eingabefelder (

), in denen der Anwender Vor- und Zuname eingeben kann. Wenn das Formular abgesendet wird, sollen jedoch nicht die Werte aus diesen Feldern einzeln übertragen werden, sondern eine zusammengesetzte Zeichenkette mit dem Format Zuname, Vorname .
    Um das zu erreichen, ist unterhalb der beiden
input
-Felder ein
output
-Feld notiert. Es handelt sich um ein Element mit möglichem Inhalt und wird deshalb in der Form

notiert.
    Im Attribut
for
werden, durch Leerzeichen getrennt, explizit die
id
-Namen derjenigen anderen Formularelemente angegeben, die an der Kalkulation beteiligt sind. Im obigen Beispiel bezieht sich die Angabe
for="vorname zuname"
also auf

und

.
    Wie die eigentliche Kalkulation zustande kommt, dafür gibt es keine Vorschrift. Eigens eingeführt wurde zu diesem Zweck jedoch der neue JavaScript Event-Handler
onforminput
, der im obigen Beispiel auch verwendet wird. Diesem Event-Handler wird ein einfaches JavaScript-Statement zugewiesen:
    value = zuname.value + ', ' + vorname.value
    Dieses Statement besagt: Das
value
-Attribut des aktuellen Elements, also des
output
-Elements, soll als Wert eine Zeichenkettenzusammensetzung enthalten, bestehend aus dem Wert des Feldes
zuname
, einem Komma und einem Leerzeichen, und dem Wert des Feldes
vorname
. Dadurch entsteht das Format Zuname, Vorname .
    Im obigen Beispiel sollte der Browser beim

Weitere Kostenlose Bücher