Latest web development tutorials

HTML-Schaltfläche formmethod Eigenschaft

HTML-Schaltfläche Etiketten-Referenzhandbuch HTML <button> -Tag

Beispiele

Senden Sie ein Formular mit zwei Tasten, die erste Submit-Button-Methode = "get" die Formulardaten einzureichen, senden Sie die zweite Taste Methode = "post" Daten Anmeldeformular:

<form action="demo_form.html" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit">提交</button>
<button type="submit" formmethod="post" formaction="demo_post.html">
使用 POST 提交</button>
</form>

Versuchen »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox, Opera, Chrome und Safari unterstützen formmethod Eigenschaft.

Hinweis: Internet Explorer 9 und früheren Versionen haben IE - Eigenschaft nicht unterstützen formmethod.


Definition und Verwendung

formmethod Eigenschaft entwickelt HTTP-Methode verwendet, um die Formulardaten zu senden. formmethod Eigenschaft überschreibt das Formular - Element - Methode Attribut.

formmethod Attribute erforderlich und type = "submit" in Verbindung.

Form-Daten können auf folgende Weise gesendet werden:

  • In URL-Variable (mit method = "get"), um die Form zu senden
  • In HTTP-Post (unter Verwendung von method = "post"), um die Form zu senden

Verwenden Sie "get" Methode:

  • Formulardaten in der URL auf den Namen / Wert-Paar angezeigt.
  • Holen Sie sich das übertragene Datenmenge ist klein, nicht größer als 2 KB, vor allem, weil durch URL-Längenbegrenzung.
  • Verwenden Sie die "get" Methode nicht für die Übertragung von sensiblen Informationen! (Passwörter oder sensible Informationen erscheint in der Adressleiste des Browsers)

Mit Hilfe der "post" -Methode:

  • Senden von Formulardaten in HTTP-Post-Form.
  • Stärker und sicherer als "get" -Methode.
  • Keine Größenbeschränkung

Die Unterschiede zwischen den HTML 4.01 und HTML5

formmethod Eigenschaft ist neu in HTML 5 Attribute.


Grammatik

<button type="submit" formmethod="get|post">

Eigenschaft Wert

描述
get 向 URL 追加表单数据(form-data):URL?name=value&name=value
post 以 HTTP post 事务的形式发送表单数据(form-data)


HTML-Schaltfläche Etiketten-Referenzhandbuch HTML <button> -Tag