Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

HTML-Workshop: Formulare 1 HTML Formulare Hani Sahyoun RZ Uni Hohenheim.

Ähnliche Präsentationen


Präsentation zum Thema: "HTML-Workshop: Formulare 1 HTML Formulare Hani Sahyoun RZ Uni Hohenheim."—  Präsentation transkript:

1 HTML-Workshop: Formulare 1 HTML Formulare Hani Sahyoun RZ Uni Hohenheim

2 HTML-Workshop: Formulare 2 HTML-Formulare Erläuterung der Schreibkonventionen: Kursiv gedruckte Worte sind Platzhalter, die durch einen aktuellen Wert ersetzt werden müssen. Wenn mehrere Optionen zur Auswahl stehen, dann werden diese durch einen senkrechten Strich getrennt. Nur eine der Optionen darf verwendet werden: Beispiel: Method = "GET | POST"

3 HTML-Workshop: Formulare 3 Syntax Weitere Anweisungen können hier folgen

4 HTML-Workshop: Formulare 4 Attribute  Method = "GET | POST" Definiert die Art der Datenübergabe an das CGI-Programm, das die Daten bearbeitet.  ACTION = "URL | mailto: Name@Host" URL: Pfadname eines Programms im Verzeichnis /CGI-BIN/ auf dem Server für die Bearbeitung der Formulardaten  Enctype="UrlEncoded | Text/Plain"> Definiert die Art, wie die Formulardaten codiert werden

5 HTML-Workshop: Formulare 5 Formulardaten als Mail verschicken Definition der Formularfelder Formulardaten werden als Wertepaare: Name=Wert an die angegebene Emailadresse verschickt.

6 HTML-Workshop: Formulare 6 Feldtypen  Input:i.a. Einzeiliges Eingabefeld  Textarea: Mehrzelliges Eingabefeld  Select:Auswahl aus vorgegebenen Optionen

7 HTML-Workshop: Formulare 7 Input-Feld  Input:Feldattribute Type:Feldtyp Name:Feldname, Eingabe zwingend Size:Breite des Eingabefeldes. Defaultwert=30 Value:Falls erwünscht, kann das Feld mit einem Wert vorbelegt werden

8 HTML-Workshop: Formulare 8 Input-Feld Type = "...." Folgende Typen sind möglich Text:Einzeiliger Text Password:Eingabe wird nicht angezeigt Checkbox:Auswahl einer oder mehreren Optionen  Checkboxen sind eine Gruppe von Auswahlkästchen, aus der der Anwender eins oder mehrere markieren ("ankreuzen") kann.  Die Werte von markierten Checkboxen werden beim Absenden des Formular mit übertragen.

9 HTML-Workshop: Formulare 9 Input-Feld Type = "...." Folgende Typen sind möglich Radio:Auswahl einer Option aus mehreren  Alle Radiobuttons, die den gleichen Namen haben, gehören zu einer Gruppe  von diesen Buttons kann der Anwender nur einen markieren Submit:Formulardaten abschicken Reset:Formularfelder löschen

10 HTML-Workshop: Formulare 10 Attribute von einzeiligen Textfeldern Beispiel:

11 HTML-Workshop: Formulare 11 Attribute von einzeiligen Textfeldern Schriftart im Eingabefeld definieren, Syntax

12 HTML-Workshop: Formulare 12 Attribute von einzeiligen Textfeldern Schriftart im Eingabefeld definieren, Beispiel

13 HTML-Workshop: Formulare 13 Mehrzeilige Eingabefelder Beispiel: Kommentar:

14 HTML-Workshop: Formulare 14 Mehrzeilige Eingabefelder Die Option WRAP in der Anweisung TEXTAREA: wrap="virtual" Text wird umgebrochen, aber Umbruch nicht übertragen wrap="physical" (empfohlen) Text wird umgebrochen und Umbruch mit übertragen wrap="off" (Voreinstellung) Kein Umbruch in Eingabezeile

15 HTML-Workshop: Formulare 15 Auswahl aus vorgegebenen Optionen 1.Option 2. Option.............. n.Option

16 HTML-Workshop: Formulare 16 Attribute der Select-Anweisung

Google-Anzeigen