Formular
definieren		 <form id="myForm" action="mailto:pit.gray@bsp.ch" method="post">
...
</form>		 action=["mailto:..."/"CGI-Programm"/"PHP-Skript"] method=[get/post]
Formular
Eingabefeld		 <input name=" " type="text" size=" " maxlength=" " />
<input name=" " type="password" size=" " maxlength=" " />
<input name=" " value=" " />
 name="FormularobjektName"
size="[angezeigte Feldlänge]"
maxlenght="[interne Feldgrösse]"
value="vorgegebener Inhalt"
Formular
mehrzeilige Eingabefelder		 <textarea name=" " rows=" " cols=" " wrap=" ">
  Vorbelegungstext (optional)
</textarea>
rows="[angezeigte Anzahkl Zeilen]"
cols="[Zeichenanzahl pro Zeile]"
wrap="[virtual/physical]" (Umbruchkontrolle)
Formular
Auswahllisten		 <select name= size=>
  <option value="Wahl1" > Auswahltext 1</option>
  <option value="2435" > Auswahltext 2</option>
</select>
size="[Anzahl angezeigte Einträge]"
value="[interner Wert der entspr. Option, Text oder Zahl]"
Formular
Auswahllisten Optionen		 <select name=" " size=" " multiple="multiple">
  <option value=" " selected="selected">Auswahltext</option>
  <option value=" "> Auswahltext</option>
</select>
multiple (Mehrfachauswahl)
selected (vorselektiert)
value="[interner Wert]" (Absendewert)
Formular
Radio-Buttons		 <input type="radio" name=" " value=" " /> Options-Schalter.
Soll nur eine Option einer Gruppe ausgewählt werden können, so muss die ganze Gruppe bei name den gleichen Namen eingetragen haben.
Formular
Check-Buttons		 <input type="checkbox" name=" " value=" " /> Ein/Aus-Schalter
Formular
Freie-Buttons		 <input type="button" name=" " value=" " onClick=" " /> onClick= (JacaScript)
Formular
Datei-Buttons		 <input type="file" name=" " size=" " maxlength=" " accept=" " /> accept="[MIME-Type, Wildcards]"
Formular
Versteckte Elemente		 <input type="hidden" name=" " value=" " /> value="zu übertragender Wert"
Wird zum Übertragen von Zusatzinformationen verwendet.
Formular
Senden- / Abbrechen-Button		 <input type="submit" value=" " />
<input type="reset" value=" " />		 submit (senden)
reset (abbrechen)
value Beschriftung des Buttons
Formular
Grafik-Buttons		 <input type="image" src=" " /> src=" " (s. Rubrik Grafiken)
Label für
Formular-Elemente		 <label for="benutzer">Benutzername:</label>
<input id="benutzer" name="benutzer" type="text" />		 Label dient dem Zweck, den logischen Bezug zum Formularelement herzustellen. Die Eigenschaft for verweist auf ein Formularelement mit entsprechender id-Eigenschaft.
Formular-Elemente
gruppieren		 <fieldset>
  <legend> ... </legend>
  ...
</fieldset>		 Fieldset gruppiert Formularelemente mit einem Rahmen und mit legend kann eine Beschriftung des Rahmens festgelegt werden.

HTML 5 Formularelemente

HTML 5 kennt interssante neue Formulartags. Die meisten werden nur wenigen Browser korrekt erkannt, aber von allen mindestens als Input-Element vom Typ Text dargestellt. Daher spricht nichts gegen den sofortigen Einsatz.
Zum Test des eigenen Browser eignet sich folgende Webseite, die alle neuen Formularelemente einsetzt: HTML5_Form_Test.html.
Platzhalter
<input name="suche" placeholder="Stichwortsuche">
Platzhalter werden im leeren Input-Feld angezeigt und verschwinden, sobald das Feld den Fokus erhält.
Autofokus
<input name="suche" autofocus>
<script>
 if (!("autofocus" in document.createElement("input"))) {
 document.getElementById("suche").focus();
 }
</script>

Dieses Feld wird bei laden der Webseite automatisch fokussiert. Das vorgeschlagene Skript ergänzt die Funktion in Browsern, die autofocus nicht unterstützen.
E-Mail-Adressen
<input type="email">
In Browsern die diese Funktion unterstützen, wird das Inputfeld vor dem Versenden vom Browser validiert und allenfalls eine Fehlermeldung angezeigt.
Webadressen (URLs)<input type="url">dito.
Zahl als Drehfeld
<input type="number"
 min="0"
 max="18"
 step="2"
 value="6">
Drehfeld mit Wertebereich [min, max], Zahlenschritt [step] und Standardwert [value].
Zahl als Schieberegler
<input type="range"
 min="0"
 max="18"
 step="3"
 value="15">
Schieberegler mit Wertebereich [min, max], Zahlenschritt [step] und Standardwert [value].
Datum- und Zeiteingabe<input type="date">
<input type="month">
<input type="week">
<input type="time">
<input type="datetime">
<input type="datetime-local">
Für die Datum- und Zeit-Eingabe stehen gleich sechs Elemente zur Verfügung: Datum, Monat, Woche, Uhrzeit, Datum und Uhrzeit sowie Uhrzeit plus Zeitzone.
Suchfelder
<input name="suche" type="search">
Spezieller Typ für die Auszeichnung von Suchfeldern. Dies ermöglicht den Browsern zusätzliche Funktionalitäten wie z.B. einen Löschbutton anzubieten.