Inhaltsverzeichnis
Was ist das action ?
Was ist das method ?
" > 1. method="get"
" > 2. method="post"
Schlüsselunterschiede auf einen Blick
Praktische Tipps
Heim Web-Frontend HTML-Tutorial HTML -Formaktion und Methodenattribute erklärt

HTML -Formaktion und Methodenattribute erklärt

Aug 25, 2025 am 09:16 AM

Das Aktionsattribut gibt an, wo die Formulardaten gesendet werden sollen, und das Methode -Attribut definiert, wie sie mithilfe von HTTP -Methoden gesendet werden. 1. Das Aktionsattribut legt die Ziel -URL (absolut oder relativ) fest. Wenn es weggelassen wird, gibt das Formular die aktuelle Seite ein. 2. Das Methode Attribut verwendet "GET", um Daten an die URL (sichtbar, ein Lesezeichen, eingeschränkter Größe) oder "Post" anzuhängen, um Daten in der Anforderungsbehörde zu senden (versteckt, sicher, größere Kapazität). Verwenden Sie "GET" für Suchvorgänge und "Post" für sensible oder staatlich ändernde Aktionen, um die serverseitige Validierung für die Sicherheit zu gewährleisten.

HTML -Formaktion und Methodenattribute erklärt

Die action und method in einem HTML <form></form> -Element definieren, wie und wo Formendaten gesendet werden, wenn das Formular eingereicht wird. Das Verständnis dieser beiden Attribute ist für die korrekte Handhabung der Benutzereingabe von wesentlicher Bedeutung.

HTML -Formaktion und Methodenattribute erklärt

Was ist das action ?

Das action gibt die URL oder den Endpunkt an, an dem die Formulardaten gesendet werden sollten, wenn der Benutzer das Formular einreicht.

  • Es kann sich um eine absolute URL (z. B. https://example.com/submit-form ) oder ein relativer Pfad (z. /submit , process.php ) handeln.
  • Wenn das action weggelassen wird, wird das Formular standardmäßig an die aktuelle URL -URL übermittelt.

Beispiel:

HTML -Formaktion und Methodenattribute erklärt
 <form action = "/subjektform" method = "post">
  <Eingabe type = "text" name = "userername">
  <button type = "senden"> senden </button>
</form>

In diesem Fall sendet der Browser, wenn der Benutzer auf "Senden" klickt, die Daten an den Pfad /submit-form Pfad auf derselben Domäne.

HINWEIS: Der Server an der angegebenen URL muss eingerichtet werden, um die eingehende Anforderung zu verarbeiten - in der Regel mit einer Backend -Sprache wie PHP, Python, Node.js usw.

HTML -Formaktion und Methodenattribute erklärt

Was ist das method ?

Das method definiert die HTTP -Methode (oder Verb), mit der die Formulardaten gesendet werden. Die beiden häufigsten Werte sind get und post .

1. method="get"

  • Fügen Sie Daten an die URL als Abfragebarstellung hinzu (zB, ?name=John&email=john@example.com ).
  • Für den Benutzer sichtbar und in der Datengröße begrenzt (aufgrund von URL -Längenbeschränkungen).
  • Sollte nicht für empfindliche oder große Daten verwendet werden.
  • Ideal für Suchformulare oder Filterung, bei denen der Staat mit einem Lesezeichen versehen oder geteilt werden kann.

Beispiel:

 <form action = "/search" method = "get">
  <Eingabe type = "text" name = "query">
  <Schaltfläche type = "Senden"> Suche </button>
</form>

Wenn Sie dies mit "Katzen" senden, navigieren Sie zu /search?query=cats .

2. method="post"

  • Sendet Formulardaten im Körper der HTTP -Anfrage.
  • In der URL nicht sichtbar; Besser für empfindliche oder große Datenmengen.
  • Keine praktische Größenbeschränkung (vorbehaltlich der Serverkonfiguration).
  • Wird für Aktionen wie Protokollierung, Hochladen von Dateien oder das Senden von Inhalten verwendet.

Beispiel:

 <form action = "/login" method = "post">
  <Eingabe type = "text" name = "userername">
  <Eingabe type = "Passwort" name = "Passwort">
  <Schaltfläche Typ = "Senden"> Login </button>
</form>

Der Benutzername und das Passwort werden sicher in der Anforderungsbehörde gesendet.


Schlüsselunterschiede auf einen Blick

Besonderheit GET POST
Daten in URL Ja NEIN
Lesezeichen Ja NEIN
Ausschnitt Kann zwischengespeichert werden Standardmäßig nicht zwischenstrichen
Datengrößengrenze Begrenzt durch URL -Länge (~ 2048 Chars) Viel höher (serverabhängig)
Anwendungsfall Suche, Filter Login, Datei -Upload, Einreichungen

Praktische Tipps

  • Verwenden Sie immer method="post" für Aktionen, die den Serverstatus ändern (z. B. Daten erstellen oder aktualisieren), um eine versehentliche Wiedervermittlung zu verhindern und die Sicherheit zu verbessern.
  • Verwenden Sie method="get" , wenn Benutzer das Ergebnis (z. B. Suchergebnisse) teilen oder mit einem Lesezeichen versehen können.
  • Stellen Sie sicher, dass die action -URL auf einen gültigen Serverendpunkt verweist, der die Eingabe verarbeiten kann.
  • Verlassen Sie sich niemals allein auf HTML - validieren und sanieren Sie Eingaben auf der Serverseite.

Grundsätzlich teilt die action dem Browser mit , wohin die Daten gesendet werden sollen, und die method sagt ihm, wie . Beide richtig zu machen, stellt sicher, dass Ihre Formulare wie beabsichtigt funktionieren.

Das obige ist der detaillierte Inhalt vonHTML -Formaktion und Methodenattribute erklärt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So fügen Sie in HTML ein Symbol zu Ihrer Registerkarte 'Website -Titel' hinzu So fügen Sie in HTML ein Symbol zu Ihrer Registerkarte 'Website -Titel' hinzu Aug 07, 2025 pm 11:30 PM

Um der Website -Titelleiste ein Symbol hinzuzufügen, müssen Sie eine Favicon -Datei in einem Teil des HTML verlinken. Die spezifischen Schritte sind wie folgt: 1. Bereiten Sie eine 16x16- oder 32x32 -Pixel -Symboldatei vor. Es wird empfohlen, Favicon.ico zu verwenden, um es zu benennen und in das Root -Verzeichnis der Website zu platzieren oder moderne Formate wie PNG und SVG zu verwenden. 2. Fügen Sie Link -Tags zu HTML hinzu, wie z. B. PNG- oder SVG -Formaten, das Typattribut entsprechend. 3. Fügen Sie optional hochauflösende Symbole für mobile Geräte wie AppleTouchicon hinzu und geben Sie verschiedene Größen über das Größenattribut an. V.

Verwenden von HTML `Input` -Typen für Benutzerdaten Verwenden von HTML `Input` -Typen für Benutzerdaten Aug 03, 2025 am 11:07 AM

Durch die Auswahl des richtigen HTMlinput -Typs kann die Datengenauigkeit verbessert, die Benutzererfahrung verbessert und die Benutzerfreundlichkeit verbessert werden. 1. Wählen Sie die entsprechenden Eingabetypen gemäß dem Datentyp aus, z. B. Text, E -Mail, Tel, Nummer und Datum, die automatisch überprüft und an die Tastatur anpassen können. 2. Verwenden Sie HTML5, um neue Typen wie URL, Farbe, Reichweite und Suche hinzuzufügen, die eine intuitivere Interaktionsmethode bieten können. 3.. Verwenden Sie Platzhalter und erforderliche Attribute, um die Effizienz und Genauigkeit der Formulierung zu verbessern. Es sollte jedoch beachtet werden, dass der Platzhalter das Etikett nicht ersetzen kann.

So erstellen Sie ein Sucheingangsfeld in einem HTML -Formular So erstellen Sie ein Sucheingangsfeld in einem HTML -Formular Aug 02, 2025 pm 04:44 PM

UsTheelementWitHinatagTocreateEmanticSearchfield.2.IncludeaForAccessibility, settheform'Saction undMethod = "AttributestosendDatoAsearchendPointWithasharableUrl.

Warum wird mein HTML -Bild nicht angezeigt? Warum wird mein HTML -Bild nicht angezeigt? Aug 16, 2025 am 10:08 AM

Überprüfen Sie zunächst, ob der SRC -Attributpfad korrekt ist, und stellen Sie sicher, dass der relative oder absolute Pfad mit dem Speicherort der HTML -Datei übereinstimmt. 2. Überprüfen Sie, ob der Dateiname und die Erweiterung korrekt geschrieben sind und fallsempfindlich sind. 3. bestätigen Sie, dass die Bilddatei tatsächlich im angegebenen Verzeichnis vorliegt. 4. Verwenden Sie geeignete ALT -Attribute und stellen Sie sicher, dass das Bildformat .jpg, .png, .gif oder .webp ist, das vom Browser weit verbreitet ist; 5. Fehlerbehebung bei Browser -Cache -Problemen, versuchen Sie, die Aktualisierung zu erzwingen oder direkt auf die Bild -URL zuzugreifen. 6. Überprüfen Sie die Berechtigungseinstellungen der Server, um sicherzustellen, dass die Datei gelesen und nicht blockiert werden kann. 7. Stellen Sie sicher, dass die IMG -Tag -Syntax korrekt ist, einschließlich der richtigen Zitate und der Attributreihenfolge, und schließlich beheben Sie 404 Fehler oder Syntaxprobleme über die Browser -Entwickler -Tools, um sicherzustellen, dass das Bild normal angezeigt wird.

So verwenden Sie das HTML -ABBR -Tag für Abkürzungen So verwenden Sie das HTML -ABBR -Tag für Abkürzungen Aug 05, 2025 pm 12:54 PM

Die Verwendung von HTML -Tags kann die Zugänglichkeit und Klarheit von Inhalten verbessern. 1. Mark Abkürzungen oder Akronyme mit Abkürzungen; 2. Fügen Sie Titelattribute zu ungewöhnlichen Abkürzungen hinzu, um eine vollständige Erklärung abzugeben. 3.. Verwenden Sie, wenn das Dokument zum ersten Mal erscheint, wodurch doppelte Anmerkungen vermieden werden. 4.. Sie können den Stil über CSS anpassen, und der Standardbrowser zeigt normalerweise gepunktete Unterstriche an. 5. Es hilft Bildschirm, die Leser -Benutzer zu verstehen und die Benutzererfahrung zu verbessern.

So erstellen Sie eine Schaltfläche Senden, die Formulardaten in HTML sendet So erstellen Sie eine Schaltfläche Senden, die Formulardaten in HTML sendet Aug 02, 2025 pm 04:46 PM

Verwenden Sie Elemente und setzen Sie die Aktions- und Methodenattribute fest, um die Datenübermittlungsadresse und -methode anzugeben. 2. Fügen Sie Eingabefelder mit Namensattribut hinzu, um sicherzustellen, dass die Daten vom Server erkannt werden können. 3.. Verwenden oder erstellen Sie eine Einreichungsschaltfläche, und nach dem Klicken sendet der Browser die Formulardaten an die angegebene URL, die vom Backend verarbeitet wird, um die Dateneinreichung abzuschließen.

So fügen Sie einer Taste in HTML ein Symbol hinzu So fügen Sie einer Taste in HTML ein Symbol hinzu Aug 07, 2025 pm 11:09 PM

Wenn Sie FontAwesome verwenden, können Symbole schnell hinzugefügt werden, indem CDN eingeführt und Schaltflächen hinzugefügt werden. 2. Verwenden von Beschriftungen zum Einbetten benutzerdefinierter Symbole in Schaltflächen müssen der richtige Pfad und die richtige Größe angegeben werden. 3. Einbetten Sie den SVG-Code direkt ein, um hochauflösende Symbole zu erreichen und sie mit der Textfarbe übereinzuhalten. 4. Der Abstand sollte durch CSS hinzugefügt werden und die Icon-Schaltflächen sollten hinzugefügt werden, um die Zugänglichkeit zu verbessern. Zusammenfassend ist Fontawesome am besten für Standard -Symbole geeignet, Bilder sind für benutzerdefinierte Designs geeignet, während SVG die beste Skalierung und Kontrolle bietet und Methoden entsprechend den Projektanforderungen ausgewählt werden sollten. FontAwesome wird normalerweise empfohlen.

Was ist das Novalidat -Attribut für eine HTML -Form Was ist das Novalidat -Attribut für eine HTML -Form Aug 02, 2025 pm 03:12 PM

Das Novalidat -Attribut wird verwendet, um die Standardformularüberprüfung des Browsers zu deaktivieren. 1. Nach dem Hinzufügen von Novalidate führt der Browser die Standardüberprüfung nicht durch, selbst wenn das Eingabefeld Einschränkungen wie Erforderlich, Muster, Min, Max usw. enthält. 2. Das Formular wird ignorieren, ob die Eingabe direkt gültig und direkt eingereicht wird. Dies ist für die benutzerdefinierte Überprüfung mit JavaScript, mehrstufigen Formularen oder einer vorübergehenden Bypass-Überprüfung in der Entwicklungsteststufe geeignet. 3. Es ist eine boolesche Eigenschaft, die keine Zuordnung erfordert und auf die gesamte Form wirkt. 4. Entfernen Sie Novalidat, um das normale Überprüfungsverhalten des Browsers wiederherzustellen. Daher ermöglicht Novalidate Entwicklern, das Timing und die Methode der Form zur Verifizierung unabhängig zu steuern.

See all articles