SlideShare ist ein Scribd-Unternehmen logo
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.

Weitere ähnliche Inhalte

Mehr von lehrerfreund

mySQL - INSERT INTO
mySQL - INSERT INTOmySQL - INSERT INTO
mySQL - INSERT INTO
lehrerfreund
 
mySQL - CREATE TABLE
mySQL - CREATE TABLEmySQL - CREATE TABLE
mySQL - CREATE TABLE
lehrerfreund
 
mySQL - Felddatentypen
mySQL - FelddatentypenmySQL - Felddatentypen
mySQL - Felddatentypen
lehrerfreund
 
CSS: Links formatieren
CSS: Links formatierenCSS: Links formatieren
CSS: Links formatieren
lehrerfreund
 
CSS: Zweispaltige Layouts
CSS: Zweispaltige LayoutsCSS: Zweispaltige Layouts
CSS: Zweispaltige Layouts
lehrerfreund
 
CSS - Externes Stylesheet
CSS - Externes StylesheetCSS - Externes Stylesheet
CSS - Externes Stylesheet
lehrerfreund
 
PHP: Variablen entschaerfen
PHP: Variablen entschaerfenPHP: Variablen entschaerfen
PHP: Variablen entschaerfen
lehrerfreund
 
PHP: Indiziertes Array
PHP: Indiziertes ArrayPHP: Indiziertes Array
PHP: Indiziertes Array
lehrerfreund
 
PHP: Assoziative Arrays
PHP: Assoziative ArraysPHP: Assoziative Arrays
PHP: Assoziative Arrays
lehrerfreund
 
PHP: Rechnen mit PHP
PHP: Rechnen mit PHPPHP: Rechnen mit PHP
PHP: Rechnen mit PHP
lehrerfreund
 
PHP: br und n (new line)
PHP: br und n (new line)PHP: br und n (new line)
PHP: br und n (new line)
lehrerfreund
 
PHP: Variablen und Datentypen
PHP: Variablen und DatentypenPHP: Variablen und Datentypen
PHP: Variablen und Datentypen
lehrerfreund
 
PHP: echo, kommentare
PHP: echo, kommentarePHP: echo, kommentare
PHP: echo, kommentare
lehrerfreund
 

Mehr von lehrerfreund (20)

ERM - Überblick
ERM - ÜberblickERM - Überblick
ERM - Überblick
 
mySQL - INSERT INTO
mySQL - INSERT INTOmySQL - INSERT INTO
mySQL - INSERT INTO
 
mySQL - CREATE TABLE
mySQL - CREATE TABLEmySQL - CREATE TABLE
mySQL - CREATE TABLE
 
mySQL - SELECT
mySQL - SELECTmySQL - SELECT
mySQL - SELECT
 
mySQL - Felddatentypen
mySQL - FelddatentypenmySQL - Felddatentypen
mySQL - Felddatentypen
 
CSS: Links formatieren
CSS: Links formatierenCSS: Links formatieren
CSS: Links formatieren
 
CSS: Zweispaltige Layouts
CSS: Zweispaltige LayoutsCSS: Zweispaltige Layouts
CSS: Zweispaltige Layouts
 
CSS - Externes Stylesheet
CSS - Externes StylesheetCSS - Externes Stylesheet
CSS - Externes Stylesheet
 
PHP: foreach
PHP: foreachPHP: foreach
PHP: foreach
 
PHP: Switch
PHP: SwitchPHP: Switch
PHP: Switch
 
PHP: Variablen entschaerfen
PHP: Variablen entschaerfenPHP: Variablen entschaerfen
PHP: Variablen entschaerfen
 
PHP: exit
PHP: exitPHP: exit
PHP: exit
 
PHP: isset
PHP: issetPHP: isset
PHP: isset
 
PHP: if-else
PHP: if-elsePHP: if-else
PHP: if-else
 
PHP: Indiziertes Array
PHP: Indiziertes ArrayPHP: Indiziertes Array
PHP: Indiziertes Array
 
PHP: Assoziative Arrays
PHP: Assoziative ArraysPHP: Assoziative Arrays
PHP: Assoziative Arrays
 
PHP: Rechnen mit PHP
PHP: Rechnen mit PHPPHP: Rechnen mit PHP
PHP: Rechnen mit PHP
 
PHP: br und n (new line)
PHP: br und n (new line)PHP: br und n (new line)
PHP: br und n (new line)
 
PHP: Variablen und Datentypen
PHP: Variablen und DatentypenPHP: Variablen und Datentypen
PHP: Variablen und Datentypen
 
PHP: echo, kommentare
PHP: echo, kommentarePHP: echo, kommentare
PHP: echo, kommentare
 

HTML: Formulare

  • 2. Syntax <form method=&quot;post&quot; action=&quot;seite.php&quot; > Formular </form>
  • 3. 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>
  • 4. 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:
  • 5. 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:
  • 6. 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
  • 7. 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
  • 8. 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
  • 9. 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:
  • 10. Formularelemente: Label <label for=&quot;feld1&quot;> Ihr Vorname:</label> <input type=&quot;text&quot; name=&quot;vorname&quot; id=&quot;feld1&quot; /> erzeugt:
  • 11. 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:
  • 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. 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.