Suche…
Einführung
Um Eingabeelemente zu gruppieren und Daten zu senden, verwendet HTML ein Formularelement, um Eingabe- und Übergabeelemente zu kapseln. Diese Formulare behandeln das Senden der Daten in der angegebenen Methode an eine Seite, die von einem Server oder Handler behandelt wird. In diesem Thema wird die Verwendung von HTML-Formularen beim Erfassen und Senden von Eingabedaten erläutert und veranschaulicht.
Syntax
<form method="post|get" action="somePage.php" target="_blank|_self|_parent|_top|framename">
Parameter
| Attribut | Beschreibung |
|---|---|
accept-charset | Gibt die Zeichencodierungen an, die für die Formularübermittlung verwendet werden sollen. |
action | Gibt an, wohin die Formulardaten gesendet werden sollen, wenn ein Formular gesendet wird. |
autocomplete | Gibt an, ob für ein Formular die automatische Vervollständigung aktiviert oder deaktiviert werden soll. |
enctype | Gibt an, wie die Formulardaten beim Senden an den Server codiert werden sollen (nur für Methode = "post"). |
method | Gibt die HTTP-Methode an, die beim Senden von Formulardaten (POST oder GET) verwendet werden soll. |
name | Gibt den Namen eines Formulars an. |
novalidate | Gibt an, dass das Formular beim Senden nicht überprüft werden soll. |
target | Gibt an, wo die Antwort angezeigt werden soll, die nach dem Senden des Formulars empfangen wird. |
Bemerkungen
Das <form> -Element repräsentiert einen Abschnitt, der <fieldset> Elemente enthält (z. B. <button> <fieldset> <input> <label> <output> <select> <textarea> ), die Informationen an einen Server übermitteln. Es sind sowohl Start- ( <form> ) als auch Endetags ( </form> ) erforderlich.
Einreichen
Das Aktionsattribut
Das Aktionsattribut definiert die Aktion, die ausgeführt werden soll, wenn das Formular übermittelt wird. In der Regel führt dies zu einem Skript, das die übermittelten Informationen sammelt und damit arbeitet. Wenn Sie das Feld leer lassen, wird es an dieselbe Datei gesendet
<form action="action.php">
Das Methodenattribut
Das Methodenattribut wird verwendet, um die HTTP-Methode des Formulars zu definieren, die entweder GET oder POST ist.
<form action="action.php" method="get">
<form action="action.php" method="post">
Die GET-Methode wird meistens verwendet, um Daten abzurufen, beispielsweise um einen Beitrag anhand seiner ID oder seines Namens zu erhalten oder eine Suchabfrage zu übermitteln. Die GET-Methode hängt die Formulardaten an die im Aktionsattribut angegebene URL an.
www.example.com/action.php?firstname=Mickey&lastname=Mouse
Die POST-Methode wird verwendet, wenn Daten an ein Skript gesendet werden. Die POST-Methode hängt die Formulardaten nicht an die Aktions-URL an, sondern sendet mithilfe des Anforderungshauptteils.
Um die Daten aus dem Formular korrekt zu senden, muss ein Namensattributname angegeben werden.
Als Beispiel senden wir den Wert des Feldes und setzen seinen Namen auf lastname :
<input type="text" name="lastname" value="Mouse">
Weitere Attribute
<form action="action.php" method="post" target="_blank" accept-charset="UTF-8"
enctype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
<!-- form elements -->
</form>
Zielattribut im Formular-Tag
Das Zielattribut gibt einen Namen oder ein Schlüsselwort an, das angibt, wo die Antwort angezeigt werden soll, die nach dem Senden des Formulars empfangen wird.
Das Zielattribut definiert einen Namen oder ein Schlüsselwort für einen Browserkontext (z. B. Tab, Fenster oder Inlineframe).
Von Tag mit einem Zielattribut:
<form target="_blank">
Attributwerte
| Wert | Beschreibung |
|---|---|
| _leer | Die Antwort wird in einem neuen Fenster oder einer neuen Registerkarte angezeigt |
| _selbst | Die Antwort wird in demselben Frame angezeigt (dies ist die Standardeinstellung) |
| _Elternteil | Die Antwort wird im übergeordneten Frame angezeigt |
| _oben | Die Antwort wird im gesamten Hauptteil des Fensters angezeigt |
| Framename | Die Antwort wird in einem benannten iframe angezeigt |
Hinweis: Das Zielattribut wurde in HTML 4.01 veraltet. Das Zielattribut wird in HTML5 unterstützt.
Frames und Framesets werden in HTML5 nicht unterstützt. Daher werden die Werte _parent, _top und Framename jetzt hauptsächlich mit Iframes verwendet .
Dateien hochladen
Bilder und Dateien können durch das Setzen auf den Server hochgeladen / eingereicht werden enctype Attribut von form - Tag multipart/form-data . enctype gibt an, wie Formulardaten beim enctype an den Server verschlüsselt werden.
Beispiel
<form method="post" enctype="multipart/form-data" action="upload.php">
<input type="file" name="pic" />
<input type="submit" value="Upload" />
</form>
Einige Eingabefelder gruppieren
Beim Entwerfen eines Formulars möchten Sie möglicherweise einige Eingabefelder in einer Gruppe zusammenfassen, um das Formularlayout zu organisieren. Dies kann mit dem Tag erfolgen. Hier ist ein Beispiel für die Verwendung.
Sie können für jedes Feldset eine Legende für das Set festlegen, indem Sie das Tag LEGEND TEXT verwenden
Beispiel
<form>
<fieldset>
<legend>1st field set:</legend>
Field one:<br>
<input type="text"><br>
Field two:<br>
<input type="text"><br>
</fieldset><br>
<fieldset>
<legend>2nd field set:</legend>
Field three:<br>
<input type="text"><br>
Field four:<br>
<input type="text"><br>
</fieldset><br>
<input type="submit" value="Submit">
</form>
Ergebnis
Browser-Unterstützung
Die neuesten Versionen von Chrome, IE, Edge, FireFox, Safari und Opera unterstützen das Tag ebenfalls