HTML Forms: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(→HTML) |
|||
| Zeile 68: | Zeile 68: | ||
</fieldset> | </fieldset> | ||
</form> | </form> | ||
< | </syntaxhighlight> | ||
== CSS == | == CSS == | ||
Version vom 8. Februar 2022, 20:32 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>
<textarea name="message" rows="10" cols="30">
</textarea>
<syntaxhighlight>
== <select> ==
== <textarea> ==
= Vorlage =
== HTML ==
<syntaxhighlight 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>