HTML Forms: Unterschied zwischen den Versionen

Aus wiki.sehanka.de
Zur Navigation springen Zur Suche springen
Zeile 68: Zeile 68:
   </fieldset>
   </fieldset>
</form>
</form>
<syntaxhighliht>
</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>

CSS