HTML: Formulare - informatikZentrale

HTML: Formulare www.informatikzentrale.de
Syntax <form method="post" action="seite.php">!
Formular
</form>!
www.informatikzentrale.de
Syntax <form method="post" action="seite.php">!
<p>!
!<label for "vorname">Ihr Vorname:</label>!
!<input type="text" name="vorname" id="vorname" />!
</p>!
<p>!
!<label for "geschlecht">Ihr Geschlecht:</label>!
!<input type="radio" name="geschlecht" id="geschlecht"
value="m" />m  !
!<input type="radio" name="geschlecht" id="geschlecht"
value="w" />w!
</p>!
<p>!
!<input type="submit" name="absenden" />!
</p>!
</form>!
www.informatikzentrale.de
Formularelemente: Texteingabefeld Name:
wird bei Auswertung
des Formulars benutzt
<input type="text" name="vorname" id="vorname" />!
Art:
Texteingabefeld
id:
Zur eindeutigen Referenzierung
des Formularelements
erzeugt:
www.informatikzentrale.de
Formularelemente: Mehrzeiliges Eingabefeld Anzahl der "Spalten"
<textarea cols="40" rows="5" name="kommentar"></textarea>!
Anzahl der Zeilen
erzeugt:
www.informatikzentrale.de
Formularelemente: Radio-‐Bu@ons Name:
wird bei Auswertung
des Formulars benutzt
<input type="radio" name="geschlecht" id="geschlecht"
value="m" />m!
Art:
Auswahlknopf
value:
"Wert" – wird bei Auswertung
verarbeitet
erzeugt:
www.informatikzentrale.de
Formularelemente: Checkboxen <input type="checkbox" name="Farbe" value="gruen" />grün!
Art:
Mehrfachauswahl
value:
"Wert" – wird bei Auswertung
verarbeitet
erzeugt:
www.informatikzentrale.de
Formularelemente: Checkboxen <input type="checkbox" name="Farbe" value="gelb"
checked="checked" />blau!
checked:
Checkbox ist als
Voreinstellung aktiviert
erzeugt:
www.informatikzentrale.de
Formularelemente: Auswahllisten ("Dropdown") <select name="sternzeichen">!
!! !<option>Wassermann</option>!
!! !<option selected="selected">Steinbock</option>!
!! !<option>Elefant</option>!
</select>!
erzeugt:
www.informatikzentrale.de
Formularelemente: Label <label for="feld1">Ihr Vorname:</label>!
<input type="text" name="vorname" id="feld1" />!
erzeugt:
www.informatikzentrale.de
Formularelemente: Absendeknopf Name:
wird bei Auswertung
des Formulars benutzt
<input type="submit" name="senden" value="los!" />!
value:
Aufschrift auf dem Button
Art:
Button
erzeugt:
www.informatikzentrale.de
Formularelemente: Zusammenfassung Elemente <input type="text" ...
<input type="radio" ...
<input type="checkbox" ...
<select ...
<option>...
<textarea ...></textarea>
<input type="submit" ...
www.informatikzentrale.de
Formularelemente: Zusammenfassung A@ribute A"ribut Bedeutung type=" ... " Art des Elements (Text, Radio ...) name="name_des_formularelements" Bei der Auswertung bezieht man sich über das name-‐A@ribut auf das Formularelement id="vorname" EindeuRge Referenzierung des Elements z.B. durch <label>-‐Tag value="Geben Sie hier Ihren Text ein" Wert ("Inhalt), den das Formularelement bei der Auswertung hat. Achtung: Bei Absendebu@on ist Wert nicht relevant. www.informatikzentrale.de

Download Report