• Save
HTML: Formulare
Upcoming SlideShare
Loading in...5
×
 

HTML: Formulare

on

  • 1,041 views

 

Statistics

Views

Total Views
1,041
Views on SlideShare
1,032
Embed Views
9

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 9

http://www.informatikzentrale.de 9

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

HTML: Formulare HTML: Formulare Presentation Transcript

  • HTML: Formulare
  • Syntax
    • <form method=&quot;post&quot; action=&quot;seite.php&quot; >
    • Formular
    • </form>
  • Syntax
    • <form method=&quot;post&quot; action=&quot;seite.php&quot; >
    • <p>
      • <label for &quot;vorname&quot;>Ihr Vorname:</label>
      • <input type=&quot;text&quot; name=&quot;vorname&quot; id=&quot;vorname&quot; />
      • </p>
      • <p>
      • <label for &quot;geschlecht&quot;>Ihr Geschlecht:</label>
      • <input type=&quot;radio&quot; name=&quot;geschlecht&quot; id=&quot;geschlecht&quot; value=&quot;m&quot; />m&nbsp;&nbsp;
      • <input type=&quot;radio&quot; name=&quot;geschlecht&quot; id=&quot;geschlecht&quot; value=&quot;w&quot; />w
      • </p>
      • <p>
      • <input type=&quot;submit&quot; name=&quot;absenden&quot; />
      • </p>
    • </form>
  • Formularelemente: Texteingabefeld
    • <input type=&quot;text&quot; name=&quot;vorname&quot; id=&quot;vorname&quot; />
    Art: Texteingabefeld Name: wird bei Auswertung des Formulars benutzt id: Zur eindeutigen Referenzierung des Formularelements erzeugt:
  • Formularelemente: Mehrzeiliges Eingabefeld
    • <textarea cols=&quot;40&quot; rows=&quot;5&quot; name=&quot;kommentar&quot;></textarea>
    Anzahl der Zeilen Anzahl der &quot;Spalten&quot; erzeugt:
  • Formularelemente: Radio-Buttons
    • <input type=&quot;radio&quot; name=&quot;geschlecht&quot; id=&quot;geschlecht&quot; value=&quot;m&quot; /> m
    Art: Auswahlknopf Name: wird bei Auswertung des Formulars benutzt erzeugt: value: &quot;Wert&quot; – wird bei Auswertung verarbeitet
  • Formularelemente: Checkboxen
    • <input type=&quot;checkbox&quot; name=&quot;Farbe&quot; value=&quot;gruen&quot; />grün
    Art: Mehrfachauswahl erzeugt: value: &quot;Wert&quot; – wird bei Auswertung verarbeitet
  • Formularelemente: Checkboxen
    • <input type=&quot;checkbox&quot; name=&quot;Farbe&quot; value=&quot;gelb&quot; checked=&quot;checked&quot; />blau
    erzeugt: checked: Checkbox ist als Voreinstellung aktiviert
  • Formularelemente: Auswahllisten (&quot;Dropdown&quot;)
    • <select name=&quot;sternzeichen&quot;>
    • <option>Wassermann</option>
    • <option selected=&quot;selected&quot;>Steinbock</option>
    • <option>Elefant</option>
    • </select>
    erzeugt:
  • Formularelemente: Label
    • <label for=&quot;feld1&quot;> Ihr Vorname:</label>
    • <input type=&quot;text&quot; name=&quot;vorname&quot; id=&quot;feld1&quot; />
    erzeugt:
  • Formularelemente: Absendeknopf
    • <input type=&quot;submit&quot; name=&quot;senden&quot; value=&quot;los!&quot; />
    Art: Button Name: wird bei Auswertung des Formulars benutzt value: Aufschrift auf dem Button erzeugt:
  • 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; ...
  • 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.