HTML: Formulare
Syntax <ul><li><form  method=&quot;post&quot; action=&quot;seite.php&quot; > </li></ul><ul><li>Formular </li></ul><ul><li>...
Syntax <ul><li><form  method=&quot;post&quot; action=&quot;seite.php&quot; > </li></ul><ul><li><p> </li></ul><ul><ul><li><...
Formularelemente: Texteingabefeld <ul><li><input  type=&quot;text&quot;  name=&quot;vorname&quot;  id=&quot;vorname&quot; ...
Formularelemente: Mehrzeiliges Eingabefeld <ul><li><textarea  cols=&quot;40&quot;  rows=&quot;5&quot;  name=&quot;kommenta...
Formularelemente: Radio-Buttons <ul><li><input  type=&quot;radio&quot;  name=&quot;geschlecht&quot;  id=&quot;geschlecht&q...
Formularelemente: Checkboxen <ul><li><input  type=&quot;checkbox&quot;  name=&quot;Farbe&quot;  value=&quot;gruen&quot;  /...
Formularelemente: Checkboxen <ul><li><input type=&quot;checkbox&quot; name=&quot;Farbe&quot; value=&quot;gelb&quot;  check...
Formularelemente: Auswahllisten (&quot;Dropdown&quot;) <ul><li><select name=&quot;sternzeichen&quot;> </li></ul><ul><li><o...
Formularelemente: Label <ul><li><label for=&quot;feld1&quot;> Ihr Vorname:</label> </li></ul><ul><li><input type=&quot;tex...
Formularelemente: Absendeknopf <ul><li><input  type=&quot;submit&quot;  name=&quot;senden&quot;  value=&quot;los!&quot;  /...
Formularelemente: Zusammenfassung Elemente <input type=&quot; text &quot; ... <input type=&quot; radio &quot; ... <input t...
Formularelemente: Zusammenfassung Attribute Attribut Bedeutung type=&quot; ... &quot; Art des Elements (Text, Radio ...) n...
Upcoming SlideShare
Loading in...5
×

HTML: Formulare

879

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
879
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML: Formulare

  1. 1. HTML: Formulare
  2. 2. Syntax <ul><li><form method=&quot;post&quot; action=&quot;seite.php&quot; > </li></ul><ul><li>Formular </li></ul><ul><li></form> </li></ul>
  3. 3. Syntax <ul><li><form method=&quot;post&quot; action=&quot;seite.php&quot; > </li></ul><ul><li><p> </li></ul><ul><ul><li><label for &quot;vorname&quot;>Ihr Vorname:</label> </li></ul></ul><ul><ul><li><input type=&quot;text&quot; name=&quot;vorname&quot; id=&quot;vorname&quot; /> </li></ul></ul><ul><ul><li></p> </li></ul></ul><ul><ul><li><p> </li></ul></ul><ul><ul><li><label for &quot;geschlecht&quot;>Ihr Geschlecht:</label> </li></ul></ul><ul><ul><li><input type=&quot;radio&quot; name=&quot;geschlecht&quot; id=&quot;geschlecht&quot; value=&quot;m&quot; />m&nbsp;&nbsp; </li></ul></ul><ul><ul><li><input type=&quot;radio&quot; name=&quot;geschlecht&quot; id=&quot;geschlecht&quot; value=&quot;w&quot; />w </li></ul></ul><ul><ul><li></p> </li></ul></ul><ul><ul><li><p> </li></ul></ul><ul><ul><li><input type=&quot;submit&quot; name=&quot;absenden&quot; /> </li></ul></ul><ul><ul><li></p> </li></ul></ul><ul><li></form> </li></ul>
  4. 4. Formularelemente: Texteingabefeld <ul><li><input type=&quot;text&quot; name=&quot;vorname&quot; id=&quot;vorname&quot; /> </li></ul>Art: Texteingabefeld Name: wird bei Auswertung des Formulars benutzt id: Zur eindeutigen Referenzierung des Formularelements erzeugt:
  5. 5. Formularelemente: Mehrzeiliges Eingabefeld <ul><li><textarea cols=&quot;40&quot; rows=&quot;5&quot; name=&quot;kommentar&quot;></textarea> </li></ul>Anzahl der Zeilen Anzahl der &quot;Spalten&quot; erzeugt:
  6. 6. Formularelemente: Radio-Buttons <ul><li><input type=&quot;radio&quot; name=&quot;geschlecht&quot; id=&quot;geschlecht&quot; value=&quot;m&quot; /> m </li></ul>Art: Auswahlknopf Name: wird bei Auswertung des Formulars benutzt erzeugt: value: &quot;Wert&quot; – wird bei Auswertung verarbeitet
  7. 7. Formularelemente: Checkboxen <ul><li><input type=&quot;checkbox&quot; name=&quot;Farbe&quot; value=&quot;gruen&quot; />grün </li></ul>Art: Mehrfachauswahl erzeugt: value: &quot;Wert&quot; – wird bei Auswertung verarbeitet
  8. 8. Formularelemente: Checkboxen <ul><li><input type=&quot;checkbox&quot; name=&quot;Farbe&quot; value=&quot;gelb&quot; checked=&quot;checked&quot; />blau </li></ul>erzeugt: checked: Checkbox ist als Voreinstellung aktiviert
  9. 9. Formularelemente: Auswahllisten (&quot;Dropdown&quot;) <ul><li><select name=&quot;sternzeichen&quot;> </li></ul><ul><li><option>Wassermann</option> </li></ul><ul><li><option selected=&quot;selected&quot;>Steinbock</option> </li></ul><ul><li><option>Elefant</option> </li></ul><ul><li></select> </li></ul>erzeugt:
  10. 10. Formularelemente: Label <ul><li><label for=&quot;feld1&quot;> Ihr Vorname:</label> </li></ul><ul><li><input type=&quot;text&quot; name=&quot;vorname&quot; id=&quot;feld1&quot; /> </li></ul>erzeugt:
  11. 11. Formularelemente: Absendeknopf <ul><li><input type=&quot;submit&quot; name=&quot;senden&quot; value=&quot;los!&quot; /> </li></ul>Art: Button Name: wird bei Auswertung des Formulars benutzt value: Aufschrift auf dem Button erzeugt:
  12. 12. Formularelemente: Zusammenfassung Elemente <input type=&quot; text &quot; ... <input type=&quot; radio &quot; ... <input type=&quot; checkbox &quot; ... <select ... <option> ... < textarea ...></textarea> <input type=&quot; submit &quot; ...
  13. 13. Formularelemente: Zusammenfassung Attribute Attribut Bedeutung type=&quot; ... &quot; Art des Elements (Text, Radio ...) name=&quot;name_des_formularelements&quot; Bei der Auswertung bezieht man sich über das name-Attribut auf das Formularelement id=&quot;vorname&quot; Eindeutige Referenzierung des Elements z.B. durch <label>-Tag value=&quot;Geben Sie hier Ihren Text ein&quot; Wert (&quot;Inhalt), den das Formularelement bei der Auswertung hat. Achtung: Bei Absendebutton ist Wert nicht relevant.

×