HTML Forms: Unterschied zwischen den Versionen

Aus wiki.sehanka.de
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>

CSS