HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis

Vom Netzwerk:

http://www.quirksmode.org/dom/inputfile.html
Referenzinformationen
    Elementreferenz

:
    Attributreferenz
name
,
    Attributreferenz
accept
,
    Attributreferenz
size
:

    Attributreferenz
multiple
:

8.2.7      Versteckte Formularfelder
    Sie können Felder in einem Formular definieren, die dem Anwender nicht angezeigt werden. Versteckte Felder können Daten enthalten. Beim Absenden des Formulars werden die Daten versteckter Felder mit übertragen.
    Häufig wird dieser Feldtyp innerhalb von Webanwendungen verwendet. Die Anwendung kann sich auf diese Weise Daten »merken«, die sie für die Weiterverarbeitung benötigt, zum Beispiel in einem Content-Management-System die interne Datenbank-Feld-ID einer Webseite, deren Inhalt in einem HTML-Formular geändert werden kann.
    Auch für JavaScript ist diese Möglichkeit interessant. So könnte ein JavaScript beispielsweise, nachdem die Seite mit dem Formular beim Anwender geladen ist, die Zeit stoppen, die der Anwender zum Ausfüllen eines Formulars benötigt, und das Ergebnis in ein verstecktes Formularfeld schreiben. Das Ergebnis wird dann, wenn der Anwender das Formular abschickt, mit übertragen und kann für statistische Zwecke oder Website-Optimierungen ein nützlicher Input sein.
Beispiel

Erläuterung
    Das Beispiel zeigt ein Formular zum Ändern vorhandener Daten, wie es innerhalb einer Webanwendung typisch ist. Die
value
-Attribute der Formularfelder sind von dem Script, das den HTML-Code des Formulars generiert oder zumindest ergänzt hat, mit vorhandenen Werten gefüllt worden. Da es sich um Daten handelt, die beim Absenden des Formulars in eine Datenbank zurückgeschrieben werden sollen, gibt es außerdem ein verstecktes Formularfeld mit der internen Datenbank-Tabellen-ID des Datensatzes.
    Solche versteckten Felder werden durch

markiert ( hidden = versteckt). Die Daten, die in dem versteckten Feld gespeichert werden sollen, stehen im Attribut
value
. Der Name, unter dem dieser Wert für ein serverseitig verarbeitendes Script abrufbar ist, wird beim
name
-Attribut vergeben.
    Bild 8.10: Formulardarstellung mit einem verstecktem Eingabefeld.
Referenzinformationen
    Elementreferenz

:
    Attributreferenz
type
,
    Attributreferenz
name
,
    Attributreferenz
value
:

8.2.8      Schaltflächen (Buttons)
    Schaltflächen (Buttons) dienen zum Anklicken, wobei dann eine Aktion ausgelöst wird. Folgende typische Aktionen sind möglich:
•    Submit : Submit-Buttons dienen dazu, ein Formular abzusenden, also die bei

angegebene URL aufzurufen und die Formulardaten dorthin zu übertragen.
•    Reset : Reset-Buttons setzen die Inhalte von Formularfeldern auf deren Anfangswert beim Aufruf der Seite zurück.
•    Scripting : Scripting-Buttons können beliebige JavaScript-Aktionen auslösen.
    Dabei gibt es unterschiedliche Möglichkeiten, Schaltflächen (Buttons) in HTML zu definieren.
    Das nachfolgende, etwas längere Beispiel demonstriert die verschiedenen Arten von Schaltflächen und die unterschiedlichen Möglichkeiten, solche Schaltflächen in HTML zu notieren. Um die Funktionalität von Scripting-Buttons zu demonstrieren, ist etwas JavaScript-Code erforderlich. Diesen Code müssen Sie an dieser Stelle nicht verstehen, und die Erläuterungen zum Beispiel gehen darauf nicht weiter ein. JavaScript ist auch nicht Gegenstand dieses Handbuchs. Im Kapitel 10 HTML und Scripting finden Sie eine Einführung in die wichtigsten Sprachbestandteile von JavaScript.
Beispiel