English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML: <button> formmethod-Eigenschaft

Dieser Artikel beschreibt die Verwendung der Eigenschaft HTML button formmethod, zeigt Online-Beispiele, wie man die Eigenschaft HTML button formmethod verwendet, die Kompatibilität der Browser, die Syntaxdefinition und detaillierte Informationen zu seinen Attributwerten.

　HTML <button> Tag

Online-Beispiel

Ein Formular mit zwei Submit-Buttons. Der erste Submit-Button sendet die Formulardaten mit method ="get", der zweite Submit-Button sendet die Formulardaten mit method =" post":

!DOCTYPE html
<html>
<head>
<title>HTML:<button> formmethod-Eigenschaft　-　Grundlegende Anleitung Web3codebox.com</title>
<body>
<form action="action_page.php" method="get">
　　Vorname: <input type="text" name="fname"><br>
　　Nachname: <input type="text" name="lname"><br>
　　<button type="submit">Standardmäßige Eingabe über Get-Method/button>
　　<button type="submit" formmethod="post">Eingabe über Post-Method/button>
</form>
</body>
</html>
Testen Sie es heraus ‹/›

Browserkompatibilität

IEFirefoxOperaChromeSafari

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

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

Definition und Verwendung

Die Eigenschaft formmethod legt die HTTP-Methode fest, die beim Senden von Formulardaten verwendet werden soll. Diese Eigenschaft überschreibt die Methode des Formulars 　method 　Eigenschaft.
Die Eigenschaft formmethod wird nur für Buttons vom Typ "submit" verwendet.
Daten des Formulars können als URL-Variable (mit method = "get") oder als HTTP-Post (mit method = "post") gesendet werden.
Hinweise zur Methode "GET":

  1. Es sendet Daten des Formulars mit dem Namen/Werte in Form von Attributwerten werden an die URL angehängt

  2. Sehr nützlich für Formularübermittlungen, bei denen der Benutzer die Ergebnisse als Lesezeichen hinzufügen möchte

  3. Wie viel Daten Sie in die URL einfügen können, ist begrenzt (dies kann zwischen Browsern variieren), daher können Sie nicht sicher sein, dass alle Formulardaten korrekt übertragen werden

  4. Verwenden Sie niemals das "GET"-Verfahren, um sensible Informationen zu übertragen! (Passwörter oder andere sensible Informationen werden in der Adressleiste des Browsers angezeigt)

Kommentare zum "POST"-Verfahren:

  1. es sendet die Formulardaten als HTTP-Post-Transaktion

  2. Formularübermittlungen mit dem "POST"-Verfahren können nicht als Lesezeichen hinzugefügt werden

  3. es ist robuster und sicherer als "GET"

  4. es hat keine Größenbegrenzung　

HTML 4.01 mit HTML5unterschiede

formmethod Eigenschaft ist HTML 5 neue Eigenschaft.

Syntax

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

Attributwert

WertBeschreibung
getFormulardaten werden an die URL angehängt (form-data）：URL?name=value&name=value
postFormulardaten werden in Form von HTTP post Transaktionen gesendet (form-data）
　HTML <button> Tag
HTML: <template> Tag