 | Formularezurück |
Formulare sind eigentlich für Programmieren die nur HTML programmieren nicht zu gebrauchen. Aber wenn du PHP oder JavaScript lernst ist dies ein Muss. In ihnen kann der Benutzer deiner Seite etwas angeben. Du bist ihnen mit Sicherheit schon oft begegnet. Hie ein kleines Beispielformular:
<form action="datei.html" method="GET"><br>
Benutzer: <input type="text" name="benutzer" value="Bitte Benutzernamen angeben"><br>
Passwort: <input type="password" name="passwort"><br>
Geschlecht: <input type="radio" name="geschlecht" value="männlich">
<input type="radio" name="geschlecht" value="weiblich"><br>
Datei: <input name="datei" type="file"><br>
AGB akzeptieren: <input type="checkbox" name="AGB"><br>
<input type="hidden" value="Datum" name="Datum">
<input type="submit" value="Abschicken!">
<input type="reset" value="Daten löschen"><br>
<input type=image border="0" src="grafx/smi111">
</form>
So sieht's aus:
Das waren noch nicht alle Funktionen, aber ich erkläre trotzdem einmal. Mit dem Form-Tag wird das Formular eingeleitet und geschlossen. Als Argumente hat es method und action, Bei Method kann POST und GET stehen. Bei action steht die Zieldatei.
Das Input Tag
Hier eine kleine Tabelle mit Argumenten, die in das INPUT Tag kommen können:
| Argument | Bedeutung | Möglichkeiten | Ergebnis |
| type | Damit wird er Typ angegeben. |
text password hidden radio checkbox file submit reset |
Textfeld Passwortfeld Verstecktes Feld Auswahlbutton Hakenfeld Dateifeld Abschicken Feld Abrechen Feld |
name | Hier kommt der Name des Feldes hin. Er ist später wichtig. |
| value | Bestimmt den vorgegebenen Text. Dies muss bei dem Typ hidden sein. | ||
| disabled | Wenn man disabled schreibt und es den Wert 1 gibt sieht ein Textfeld so aus: Man kann es nicht beschreiben. |
0 1 |
wird normal angezeigt wird unnormal angezeigt |
| maxlenght | Bestimmt wie viele Zeichen eingegeben werden können. | ||
| readonly | Wenn man readonly den Wert 1 gibt, kann man nur lesen was im Textfeld steht, schreiben kann man nichts. | 0 1 |
normal nur lesen |
| size | In size kommt die Anzahl der Zeichen, die ohne zu scrollen angezeigt werden können. |
Textarea
Eine Textarea ist ein mehrzeiliges Textfeld. Hier ein Beispiel:
<textarea cols="45" rows="6">
Text
</textarea>
So schaut's aus:
<Mit cols wird die Breite in Zeichen angegeben und mit rows, die der Zeilen. Zwischen den beiden Tags kann der anzuzeigende Text stehen.
Listen und Dropdownlisten
Zwischen Listen und Dropdowlisten ist für den Quellcode kein großer Unterschied. Hier ein kleines Beispiel:
<SELECT name="Liste1">
<option>1
<option>2
<option>3
</SELECT>
<SELECT name="Liste2" size="3">
<option>1
<option>2
<option>3
</SELECT>
Das Ergebnis:
Mit SELECT wird eine Liste eingeleitet. Wenn man das SIZE nicht angibt oder auf1 setzt gibt es eine Dropdown liste. Ansonsten gibt es eine normale Liste. Mit Option werden die einzelnen Beschriftungen Eingeleitet. Diese müssen nicht geschlossen werden, aber sie können.
Kommentare
Es wurden noch keine Kommentare abgegeben!
Kommentar abgeben
Um ein Kommentar zu schreiben musst du eingeloggt sein.
