| zurück
Home |
HTML: Formulare |
Allgemeines |
In ein Formular können Daten eingegeben werden. Mit
einem Submit-Befehl wird eine andere Seite aufgerufen und die Parameter
übergeben. |
| Formular |
<form> .... </form> |
Die dazwischen liegenden Elemente werden beim Versenden
abgearbeitet. |
Andere HTML-Tags werden zwar dargestellt, aber beim Versenden
nicht beachtet (z.B. Tabellen). |
| Beispiel |
<form action="rchy.php" method="POST">: 'Startkommando
<input type="text" name="Nachname" size = "30"/>: 'Eingabe Variable Nachname
<input type="text" size = "8" name="gr" /> Größe / cm: 'Eingabe Variable Größe
<input type="submit" value = "weiter" class="tx2">: Submit schließ die
Eingaben ab und wird durch Submit-Button ausgelöst.
</form>: Abschluß des Formulars |
| Datenübermittlung |
<Form method = "..." ... |
Es gibt 2 Methoden der Datenübergabe: GET und POST |
| GET |
<Form method = "GET" ... |
Browser hängt die Formulardaten als Parameter an die Aufrufadresse an z.B.: |
http://www.beispiel.de/feedback?AnwenderName=Stefan+M%
Vorzugsweise, wenn die
Daten nur der Steuerung dienen. |
| POST |
<Form method = "POST" ... |
Formularangaben werden mit einer mit einer speziellen
Post-Anfrage versandt. Vorzugsweise, wenn echte Daten übertragen werden
sollen. |
| <form> |
<form AKTION="rchy.php" METHOD="POST"> |
ACTION bestimmt die Datei, die nach dem Verlassen des Formulars
aufgerufen wird |
METHOD nennt die Art der Datenübertragung, also GET oder POST. |
| <input> |
Eingabebefehl |
Beispiel |
<input type="text" size = "8" name="gew" /> m=männlich, w=
weiblich: |
| Parameter |
type: Varialblentyp, Text, Zahl usw. , size:
Länge, name: Variablenname |
| XHTML: (/) <input ... /> |
HTML5: <input ... > |
| input type |
- <input type="submit"> letzter Input-Befeht, sendet die Eingaben ab.
- <input type="text"> häufigster Typ, Text eingeben,
Voreinstellung. Wird auch bei fehlendem oder falschem Type gesetzt.
- <input type="password"> Eingabefeld zeigt *****
- <input type="button"> Button, Knopf zum Anklicken
- <input type="checkbox"> Auswahlbutton zum Anklicken
- <input type="radio"> mehrere Radiobuttons, von denen nur einer
aktiviert werden kann
- <input type="hidden"> wichtig für Weiterleitung von übernommenen
Variablen
- <input type="file">
- <input type="image">
- <input type="reset"> setzt Formulareingaben zurück
- <textarea> mehrzeiliges Eingabefeld
- <select> Auswahlliste
|
| label |
Für die Anordnung der Bezeichner gibt es verschiedene Möglichkeiten: |
<label for="vname">Vorname:
<input id="vname" name="vname">
</label>
|
<label for="vname">Vorname:
</label>
<input id="vname" name="vname">
|
<label for="vname">Vorname:
<input id="vname" name="vname">
</label>
|
 |