MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Diese Übersetzung ist in Arbeit.

Übersicht

Das HTML <form>-Element ist ein Webseitenteil, mit dem interaktiv Daten an den Server gesendet werden können.

Es ist möglich ein <form>-Element mit den CSS-Pseudoklassen :valid und :invalid zu formatieren.

Inhaltskategorien Fließender Inhalt, greifbarer Inhalt
Erlaubter Inhalt Fließender Inhalt, aber ohne <form>-Elemente
Tag Auslassung Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich.
Erlaubte Elternelemente Alle Elternelemente, die Fließenden Inhalt erlauben
DOM Schnittstelle HTMLFormElement

Attribute

Dieses Element enthält die Globalen Attribute.

accept HTML 4
Eine Komma-unterteilte Liste von Inhaltstypen, die der Server akzeptiert.
Nutzungshinweis: Dieses Attribut wurde in HTML5 entfernt und sollte nicht mehr verwendet werden. Stattdessen sollte das accept-Attribute des speziellen <input>-Elements verwendet werden.
accept-charset
Eine Leerzeichen bzw. Komma-separierte Liste mit Zeichenkodierungen, die der Server unterstützt. Der Browser beachtet diese in der angegebenen Reihenfolge. Der Standardwert "UNKNOWN" bedeutet, dass die gleiche Kodierung wie das Dokument verwendet.
In älteren HTML-Versionen dürfen Leerzeichen und Kommas als Trenner verwendet werden. In HTML5 sind nur noch Leerzeichen erlaubt.
action
Die URI eines Programms, das die Formwerte verarbeitet. Dieser Wert kann durch das formaction-Attribut eines <button>- oder eines <input>-Elements überschrieben werden.
autocapitalize
This is a nonstandard attribute used by iOS Safari Mobile which controls whether and how the text value for textual form control descendants should be automatically capitalized as it is entered/edited by the user. If the autocapitalize attribute is specified on an individual form control descendant, it trumps the form-wide autocapitalize setting. The non-deprecated values are available in iOS 5 and later. The default value is sentences. Possible values are:
  • none: Completely disables automatic capitalization
  • sentences: Automatically capitalize the first letter of sentences.
  • words: Automatically capitalize the first letter of words.
  • characters: Automatically capitalize all characters.
  • on: Deprecated since iOS 5.
  • off: Deprecated since iOS 5.
autocomplete HTML5
Indicates whether input elements can by default have their values automatically completed by the browser. This setting can be overridden by an autocomplete attribute on an element belonging to the form. Possible values are:
  • off: The user must explicitly enter a value into each field for every use, or the document provides its own auto-completion method; the browser does not automatically complete entries.
  • on: The browser can automatically complete values based on values that the user has previously entered in the form.

Note: If you set autocomplete to off in a form because the document provides its own auto-completion, then you should also set autocomplete to off for each of the form's input elements that the document can auto-complete. For details, see Google Chrome notes.

enctype
When the value of the method attribute is post, enctype is the MIME type of content that is used to submit the form to the server. Possible values are:
  • application/x-www-form-urlencoded: The default value if the attribute is not specified.
  • multipart/form-data: The value used for an <input> element with the type attribute set to "file".
  • text/plain (HTML5)

This value can be overridden by a formenctype attribute on a <button> or <input> element.

method
The HTTP method that the browser uses to submit the form. Possible values are:
  • post: Corresponds to the HTTP POST method ; form data are included in the body of the form and sent to the server.
  • get: Corresponds to the HTTP GET method; form data are appended to the action attribute URI with a '?' as separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters. This is the default if the attribute is not specified.

This value can be overridden by a formmethod attribute on a <button> or <input> element.

name
The name of the form. In HTML 4,its use is deprecated (id should be used instead). It must be unique among the forms in a document and not just an empty string in HTML 5.
novalidate HTML5
This Boolean attribute indicates that the form is not to be validated when submitted. If this attribute is not specified (and therefore the form is validated), this default setting can be overridden by a formnovalidate attribute on a <button> or <input> element belonging to the form.
target
A name or keyword indicating where to display the response that is received after submitting the form. In HTML 4, this is the name/keyword for a frame. In HTML5, it is a name/keyword for a browsing context (for example, tab, window, or inline frame). The following keywords have special meanings:
  • _self: Load the response into the same HTML 4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified.
  • _blank: Load the response into a new unnamed HTML 4 window or HTML5 browsing context.
  • _parent: Load the response into the HTML 4 frameset parent of the current frame, or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.
  • _top: HTML 4: Load the response into the full original window, and cancel all other frames. HTML5: Load the response into the top-level browsing context (i.e., the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self.
  • iframename: The response is displayed in a named <iframe>.

HTML5: This value can be overridden by a formtarget attribute on a <button> or <input> element.

Examples

<!-- Simple form which will send a GET request -->
<form action="">
  <label for="GET-name">Name:</label>
  <input id="GET-name" type="text" name="name">
  <input type="submit" value="Save">
</form>

<!-- Simple form which will send a POST request -->
<form action="" method="post">
  <label for="POST-name">Name:</label>
  <input id="POST-name" type="text" name="name">
  <input type="submit" value="Save">
</form>

<!-- Form with fieldset, legend, and label -->
<form action="" method="post">
  <fieldset>
    <legend>Title</legend>
    <input type="radio" name="radio" id="radio"> <label for="radio">Click me</label>
  </fieldset>
</form>

10

 

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: Siphalor, Sebastianz, karlhorky
 Zuletzt aktualisiert von: Siphalor,