 Formulare Erklärung 2 - Formularelemente
Die Erklärung zu Formularen habe ich auf 2 separate Seiten aufgeteilt. Auf dieser zweiten Seite beschäftige ich mich mit Elementen eines Formulars, den unterschiedlichen Möglichkeiten zur Eingabe von Text, Auswahlfeldern, Checkbuttons und sogenannten 'Radiobuttons'.
Innerhalb eines Formulars können Sie verschiedene Formularelemente notieren. Ein- und mehrzeilige Eingabefelder, Optionsbuttons, Auswahlmenüs und natürlich Schaltflächen zum Absenden und Verwerfen. Auch versteckte Informationen können übertragen werden.
<form>
hier stehen die Formularelemente
</form>
einzeiliges Eingabefeld
- Input bedeutet: Eingabefeld
- size steht für die Grösse der Eingabefeldes
- maxlength steht für die maximale Eingabelänge (Zeichenlänge)
Name: <input type="text" name="nachname" size="30" maxlength="60"> <br>
einzeiliges Eingabefeld (Password)
Eine Sonderform des einzeiligen Textfeldes stellt das Eingabefeld für ein Passwort dar. Der Unterschied in der Notierung ist beim Atrribut 'type' zu erkennen. Resultat: Bei der Eingabe werden Punkte / Sternchen statt der Zeichen dargestellt.
Kennwort: <input type="password" name="geheim" size="30" maxlength="60"> <br>
mehrzeiliges Texteingabefeld
- Textarea bezeichnet das Eingabefeld
- rows steht für dei Anzahl der Zeilen
- cols steht für Breite in Zeichen
Text: <textarea name="Antwort" rows="5" cols="30"></textarea>
Auswahlfeld
Anfrage:
<select name="Bereich" size="1">
<option> HTML
<option> DHTML
<option> CSS
<option> JavaScript
</select>
Normalerweise wird beim Absenden des Formulars der Text eines ausgewählten Listeneintrags übertragen, der hinter <option> steht.
Um einen anderen Absendewert zu bestimmen, notieren sie im Tag <option...> des betreffenden Eintrags den Zusatz value=. Der Wert muß in Anführungszeichen stehen. Beim Absenden des Formulars wird dann dieser Text übertragen, nicht der Text den der Besucher sieht. Beispiel HTML
<select name="Bereich">
<option value="HTML Anfrage"> HTML
<option value="DHTML Anfrage"> DHTML
<option value="Java Anfrage"> Java
<option value="CSS Anfrage"> CSS
</select>
Radiobuttons
Bei Radiobuttons ist imer nur eine der Auswahlmöglichkeiten aktivierbar!
Wie sollen wir antworten:<br>
<input type="radio" name="Kontakt" value="email"> email
<input type="radio" name="Kontakt" value="phone"> Telefon
<input type="radio" name="Kontakt" value="mail"> Briefpost
Checkbuttons
Bei Checkbuttons können mehrere Auswahlen getroffen werden.
Wie wollen Sie beliefert werden?
<input type="checkbox" name="Liefern" value="UPS"> UPS
<input type="checkbox" name="Liefern" value="DHL"> Hermes
<input type="checkbox" name="Liefern" value="DPD"> DPD
Buttons für Absenden und Abbrechen
<input type="submit" value="Formular abschicken">
<input type="reset" value="abbrechen">
| 
WWW.WEB-TOOLBOX.NET
ZURÜCK