Der erste Schritt in die Welt der Formulare ist denkbar einfach: Es gibt ein <form>-Element,
und alle Elemente eines Formulars sind in diesem Element verpackt. Zwar ist es denkbar, einzelne Elemente
(hier ist eins: ) einfach mal so irgendwo erscheinen zu lassen, und vielleicht
funktionieren sie sogar wie erwartet (du kannst vermutlich die Checkbox erfolgreich ein- und ausschalten),
aber es besteht keine Möglichkeit, sie ihrem Sinn gemäss einzusetzen; dies wird erst durch das
<form>-Element möglich.
Wir werden nun ein Formular erstellen: Unsere Besucher sollen in der Lage sein,
ihre Lieblingsrezepte einzusenden.
Im Verzeichnis rezepte unserer Site
befindet sich die Datei submit.html - öffne sie und füge direkt nach dem ersten
Absatz ein <form>-Element ein.
Denk daran, dass es sich nicht um ein leeres Element handelt (auch wenn wir vorderhand
noch nichts hinein schreiben), und dass es daher auch mit einem End-Tag abgeschlossen werden muss.
Wir werden später sehen, wie der Inhalt eines Formulars an eine Anwendung oder gar an eine
Mail-Adresse gesandt werden kann. Vorderhand konzentrieren wir uns darauf, das Formular zu
erstellen. Das <form>-Element kann Elemente wie zum Beispiel Absätze
(<p>) enthalten, mit denen die einzelnen Felder und Rubriken des Formulars
angeschrieben werden. Wichtig sind aber vor allem die sogenannten Kontroll-Elemente,
die verschiedene Arten von Eingaben und Auswahlen ermöglichen. Ausserdem gibt's noch einige
Elemente, die bei der Strukturierung eines Formulars helfen. Die werden wir nun alle
kennen und anwenden lernen.
Home
Einleitung
Grundlagen
Elemente und Attribute
HTML-Dokumente
strukturelles Markup
Site Management
Hyperlinks
Bilder und Grafiken
ohne Fehl und Tadel
Spezialfälle
Tabellen
Formulare