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:
einfach ein formularweit eindeutiger Name zugewiesen, der als Formularfeldname zu verstehen ist. Im Beispiel sind das die Formularfeldnamen
user_name_dir
und
user_text_dir
. Felder mit diesem Namen existieren nicht im Formular. Ein Browser, der das Attribut erkennt, wird jedoch beim Absenden des Formulars intern Felder mit diesem Namen erzeugen und mitsenden, so als gäbe es Felder wie

. Die Felder mit den Namen
user_name_dir
und
user_text_dir
werden beim Absenden einen Wert wie
ltr
( left to right , also links nach rechts ) oder
rtl
( right to left , also rechts nach links ) erhalten. Der Browser trägt den Wert abhängig davon ein, welche Schreibrichtung der Anwender bei der Feldeingabe auf seinem Rechner tatsächlich benutzt hat.
    Attributreferenz
dirname
:

8.4        Formularkontrolle
Seit HTML5 können Sie zum einen einzelne Formularfelder aus dem Umfeld des Formulars herauslösen und außerhalb eines Formularbereichs notieren. Zum anderen können Sie – und das war stets ein häufig nachgefragtes Feature – einem Formular mehrere unterschiedliche Submit-Schaltflächen zuordnen, die das Formular an unterschiedliche Verarbeitungsadressen senden.
8.4.1      Felder außerhalb von Formularen
    HTML5 hat eine Syntax eingeführt, die es ermöglicht, Formularfelder auch außerhalb der Grenzen ihrer zugehörigen
form
-Elemente zu notieren.
Beispiel
    

     innerhalb
    

     außerhalb
    


    
    


Erläuterung
    Um Elemente außerhalb ihres zugehörigen Formulars diesem zuzuordnen, muss das einleitende

-Tag des Formulars mit dem globalen Attribut
id
einen dokumentweit eindeutigen Namen erhalten. Dann können Sie Formularfelder außerhalb des Formulars an gewünschten Stellen des HTML-Dokuments notieren. Um den Bezug zum Formular herzustellen, müssen Sie im Formularfeld das Attribut
form
notieren. Als Wert weisen Sie dem
form
-Attribut den
id
-Namen des Formulars zu.
Weitere Hinweise
Außerhalb von Formularen können Sie Formularelemente in HTML5 überall notieren, wo sogenannter Phrasing Content erlaubt ist (weitere Information unter 4.6.1 Content-Modelle).
    Das ist innerhalb des Dokumentkörpers überall der Fall, wo ein Elternelement keine speziellen Einschränkungen für den Elementinhalt hat. In HTML 4.01 gehören Formularelemente zu den Inline-Elementen. Außerhalb eines Formulars dürfen sie in der strict-Variante von HTML 4.01 innerhalb von Blockelementen vorkommen oder innerhalb von Elementen, die Flow-Content erlauben.
    Achten Sie auf identische Schreibweise der Werte bei
id
und
form
, z. B. was Groß-/Kleinschreibung betrifft.
    Zum Redaktionszeitpunkt wurde das
form
-Attribut erst ansatzweise von aktuellen Browsern unterstützt.
Referenzinformationen
    Attributreferenz
form
:

8.4.2      Formulare mit mehreren Submit-Buttons
    In manchen Situationen entsteht der Wunsch, dass ein Formular mehrere »Ausgänge« hat, also mehrere Submit-Buttons. Je nachdem, welche dieser Schaltflächen ein Anwender anklickt, werden unterschiedliche URL-Adressen aufgerufen, mit unterschiedlichen Formular-Verarbeitungsscripts.
Beispiel
    
    


    
    


        formaction="/scripts/abo-update.php" formmethod="post">
        formaction="/scripts/abo-delete.php" formmethod="post">
    

Erläuterung
    Das Formular im Beispiel könnte so in einer Verwaltungsanwendung für Newsletter-Abonnenten vorkommen. Der Anwender wird aufgefordert, die E-Mail-Adresse eines gewünschten Newsletter-Abonnenten einzugeben. Dann soll er eine der Schaltflächen Ändern oder Löschen anklicken, um wahlweise die Daten des Abonnenten zu ändern oder das Abo zu entfernen.
    Bild 8.19: Das Beispiel im Browser
    Das einleitende

-Tag enthält in diesem Beispiel gar keine sonst typischen Angaben wie
action
oder
method
. Stattdessen enthält das Formular zwei Schaltflächen zum Absenden des Formulars
(
). Die eine ist mit »Ändern« beschriftet, die andere mit Löschen. Beide Schaltflächen erhalten die zusätzlichen Attribute
formaction
und
formmethod
. Diese Attribute entsprechen in

Weitere Kostenlose Bücher