HTML Forms: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
() |
() |
||
| Zeile 52: | Zeile 52: | ||
== <textarea> == | == <textarea> == | ||
= Vorlage = | |||
== HTML == | |||
<syntaxhighliht lang="html"> | |||
<form action="/action_page.php"> | |||
<fieldset> | |||
<legend>Personalia:</legend> | |||
<label for="fname">First name:</label><br> | |||
<input type="text" id="fname" name="fname" value="John"><br> | |||
<label for="lname">Last name:</label><br> | |||
<input type="text" id="lname" name="lname" value="Doe"><br><br> | |||
<input type="submit" value="Submit"> | |||
</fieldset> | |||
</form> | |||
<syntaxhighliht> | |||
== CSS == | |||
Version vom 8. Februar 2022, 20:31 Uhr
Allgemeines
Ein HTML-Formular wird verwendet, um Benutzereingaben zu sammeln. Die Benutzereingabe wird meistens zur Verarbeitung an einen Server gesendet.
Allgemein
Das HTML-Element <form> wird verwendet, um ein HTML-Formular für Benutzereingaben zu erstellen:
<form>
.
Formelemente
.
</form>
Das <form>-Element ist ein Container für verschiedene Arten von Eingabeelementen, wie z. B.: Textfelder, Kontrollkästchen, Optionsfelder, Senden-Schaltflächen usw.
Folgende, verschiedene HTML-Formularelemente sind innerhalb des <form>-Element möglich (unvollständig)
HTML-Form-Elemente
<input>
<input type="checkbox">
<input type="text">
<input type="radio">
<input type="submit">
<input type="button">
<select>
<select id="" name="">
<option value="value 1">value 1</option>
<option value="value 2">value 2</option>
<option value="value 3">value 3</option>
</select>
<textarea>
<syntaxhighlight lang="html"> <textarea name="message" rows="10" cols="30"> </textarea> <syntaxhighlight>
<select>
<textarea>
Vorlage
HTML
<syntaxhighliht lang="html"> <form action="/action_page.php">
<fieldset> <legend>Personalia:</legend> <label for="fname">First name:</label>
<input type="text" id="fname" name="fname" value="John">
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" value="Doe">
<input type="submit" value="Submit"> </fieldset>
</form> <syntaxhighliht>