HTML <button> formuliermethode Attribuut
Voorbeeld
Een formulier met twee verzendknoppen. De eerste verzendknop verzendt de formuliergegevens met method="get", en de tweede verzendt de formuliergegevens met method="post":
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit">Submit</button>
<button type="submit" formmethod="post">Submit using POST</button>
</form>
Definitie en gebruik
Het formmethodattribuut specificeert welke HTTP-methode moet worden gebruikt bij het verzenden van de formuliergegevens. Dit attribuut overschrijft het attribuut van het formulier method.
Het formmethodattribuut wordt alleen gebruikt voor knoppen met
type="submit".
De formuliergegevens kunnen als URL-variabelen (met
method="get") of als HTTP-post (met
method="post") worden verzonden.
Opmerkingen over de "get"-methode:
- het voegt de formuliergegevens toe aan de URL in naam/waarde-paren
- het is handig voor formulierinzendingen waarbij een gebruiker een bladwijzer wil maken voor het resultaat
- Er is een limiet aan hoeveel gegevens u in een URL kunt plaatsen (verschilt tussen browsers), daarom kunt u er niet zeker van zijn dat alle formuliergegevens correct worden overgedragen
- Gebruik nooit de "get"-methode om gevoelige informatie door te geven! (wachtwoord of andere gevoelige informatie is zichtbaar in de adresbalk van de browser)
Opmerkingen over de "post"-methode:
- het verzendt de formuliergegevens als een HTTP-posttransactie
- Formulierinzendingen met de "post"-methode kunnen niet worden gemarkeerd als bladwijzer
- het is robuuster en veiliger dan "krijgen"
- het heeft geen beperkingen voor de grootte
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het kenmerk volledig ondersteunt.
| Attribute | |||||
|---|---|---|---|---|---|
| formmethod | 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
Syntaxis
<button type="submit" formmethod="get|post">
Attribuutwaarden
| Value | Description |
|---|---|
| get | Appends the form-data to the URL: URL?name=value&name=value |
| post | Sends the form-data as an HTTP post transaction |
❮ HTML <button>-tag