HTML-Tag <form>

❮ Vorige Nächste ❯

Das Tag <form> wird für die Erstellung einer Form auf der Webseite verwendet. Die Hauptaufgabe der HTML-Form ist die Einnahme der Information vom Benutzer und ihre Absendung an den Server für die Bearbeitung. Für die Absendung der Information an den Server wird der Button "Absenden" verwendet. Wenn dieser Button fehlt, kann man die Form an den Server durch den Klick auf die Taste "Eingabe" absenden.

Syntax

Das Element <form> wird gepaart verwendet, der Inhalt wird zwischen den Start- (<form>) und Endtags (</form>) geschrieben.

Das Tag <input> definiert das Benutzerfeld für die Informationseingabe.
Das Tag<textarea> definiert die Form des Feldes für die Erstellung des Bereichs für mehrzeilige Eingabe.
Das Tag <button> wird für die Erstellung eines Buttons in der Form verwendet.
Das Tag <select> stellt ein Verwaltungselement für die Erstellung einer Dropdown-Liste ein.
Das Tag <option> definiert die Punkte der Dropdown-Liste, die durch das Tag <select> erstellt wird, verwendet.
Das Tag <optgroup> wird fürs Gruppieren von verbundenen Angaben in einer Dropdown-Liste, die durch das Tag <select> erstellt wird, verwendet.
Das Tag <fieldset> Tag gruppiert visuell die Elemente innerhalb des Formulars, die durch das Tag <form> erstellt werden.
Das Tag <label> bestimmt die Textkennung fürs Element <input>.
Das Tag <legend> bestimmt die Kopfzeile für das Element <fieldset>.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <form action="server-script-url-here" method="GET or POST" >
      <label for="fname">Vorname</label>
      <input type="text" name="FirstName" id="fname" value="Mary"/><br/><br/>
      <label for="lname">Nachname</label>
      <input type="text" name="LastName"id="lname" value="Thomson"/><br/><br/>
      <input type="submit" value="Send"/>
    </form>
  </body>
</html>

Versuch es selber!

Ergebnis

Attribute

Attribut	Wert	Beschreibung
accept	file_type	Es definiert durch Kommas geteilte Liste von Dateitypen, die der Server einnimmt (die Liste kann durch die Beladung von Dateien vorgestellt werden). Es wird in HTML5 nicht unterstützt.
accept-charset	character_set	Es definiert die Codierung, wo der Server die Angaben einnehmen und bearbeiten kann.
action	URL	Es definiert die Adresse, wohin die Angaben aus der ausgefüllten Form gesendet werden und wo sie bearbeitet werden.
autocomplete	on off	Es schaltet automatisches Ausfüllen der felder ein/aus. Voreingestellt ist die Funktion eingeschaltet.
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	Es bestimmt die Codierungsmethode von Angaben der Form bei der Absendung. (voreingestellt application/x-www-form-urlencoded). (Es wird nur bei der POST-Methode verwendet).
method
		Es definiert die HTTP-Methode von Angabenabsendung der Form. (Voreingestellt wird die Methode GET verwendet.)
	get	Es gibt die Angaben der Form in der Adressenzeile («Name=Wert») über. Diese Angaben werden zur URL der Seite nach dem Fragezeichen platziert und werden durch Et-Zeichen (&) voneinander geteilt. (http://example.ru/doc/?name=Ivan&password=vanya)
	post	Der Browser verbindet sich mit dem Server und sendet die Angaben für die Bearbeitung.
name	text	Es definiert den Namen der Form.
novalidate	novalidate	Es definiert, dass die in der Form eingetragenen Angaben vor der Absendung nicht wiederholt werden.
target
		Es bestimmt, wo die nach der Absendung bekommene Antwort angezeigt werden soll.
	_blank	Die Antwort wird im neuen Fenster angezeigt.
	_self	Die Antwort wird im aktuellen Fenster angezeigt.
	_parent	Die Antwort wird im Parentframe angezeigt.
	_top	Die Antwort wird mit ganzer Fensterbreite angezeigt.
	framename	Die Antwort wird in iframe geöffnet (der Name soll als Wert bestimmt sein).

Das Tag <form> unterschtützt Globale Attribute und Globale Eventhandler.


✓	✓	✓	✓	✓

✓

HTML-Tag <form>

Syntax

Beispiel

Ergebnis

Attribute

Browser-Support

Übe dein Wissen