Beispiel
Ein HTML-Formular mit zwei Eingabefelder und ein Submit-Button:
<form
action="demo_form.asp"
method="get">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Versuch es selber " Mehr "Versuchen Sie es selbst" Beispiele unten.
Definition und Verwendung
Das <form> -Tag wird ein HTML - Formular für Benutzereingaben zu erstellen.
Das <form> Element kann eine oder mehrere der folgenden Form enthalten:
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <form> | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
HTML5 hat zwei neue Attribute: autocomplete - novalidate removed accept autocomplete und novalidate , und removed das accept Attribut.
Unterschiede zwischen HTML und XHTML
In XHTML, der name ist Attribut veraltet. Verwenden Sie die globale ID-Attribut statt.
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| accept | file_type | Nicht in HTML5 unterstützt. Gibt eine durch Kommata getrennte Liste von Dateitypen, die der Server akzeptiert (das durch die Datei-Upload eingereicht werden können) |
| accept-charset | character_set | Gibt die Zeichencodierungen, die für die Formularübermittlung verwendet werden sollen, |
| action | URL | Gibt an, wo die Form-Daten zu senden, wenn ein Formular abgeschickt wird |
| autocomplete | on off | Gibt an, ob eine Form der automatischen Vervollständigung ein- oder ausgeschaltet haben sollte |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Gibt an, wie die Form-Daten verschlüsselt werden sollen , wenn sie an den Server (nur für die Einreichung von method="post" ) |
| method | get post | Gibt die HTTP-Methode zu verwenden, wenn das Formular-Daten zu senden |
| name | text | Gibt den Namen eines Formulars |
| novalidate | novalidate | Gibt an, dass das Formular nicht, wenn eingereicht validiert werden soll |
| target | _blank _self _parent _top | Gibt an, wo die Reaktion auf die Anzeige, die nach dem Absenden des Formulars erhalten wird |
globale Attribute
Das <form> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Das <form> Tag unterstützt auch die Veranstaltung in HTML - Attribute .
Probieren Sie es selbst - Beispiele
Formular mit Kontrollkästchen
Ein Formular mit zwei Kontrollkästchen und eine Absenden-Button.
Formular mit Radiobuttons
Ein Formular mit zwei Radio-Buttons und einen Submit-Button.
Verwandte Seiten
HTML - Tutorial: HTML - Formulare und Eingabe
HTML - DOM - Referenz: Formularobjekt
CSS Tutorial: Styling Forms
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <form> mit den folgenden Standardwerte Element: