HTML <form> methode Attribuut
Voorbeeld
Dien een formulier in met de "get"-methode:
<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>
<input
type="submit" value="Submit">
</form>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Het method
attribuut specificeert hoe formuliergegevens moeten worden verzonden (de formuliergegevens worden verzonden naar de pagina die is opgegeven in het
action
kenmerk).
De formuliergegevens kunnen als URL-variabelen (met
method="get"
) of als HTTP-posttransactie (met method="post"
) worden verzonden.
Opmerkingen over GET:
- Voegt formuliergegevens toe aan de URL in naam/waarde-paren
- De lengte van een URL is beperkt (ongeveer 3000 tekens)
- Gebruik GET nooit om gevoelige gegevens te verzenden! (zal zichtbaar zijn in de URL)
- Handig voor formulierinzendingen waarbij een gebruiker een bladwijzer wil maken voor het resultaat
- GET is beter voor niet-beveiligde gegevens, zoals queryreeksen in Google
Opmerkingen over POST:
- Voegt formuliergegevens toe aan de hoofdtekst van het HTTP-verzoek (gegevens worden niet weergegeven in URL)
- Heeft geen maatbeperkingen
- Formulierinzendingen met POST kunnen niet worden gemarkeerd als bladwijzer
Browserondersteuning
Attribute | |||||
---|---|---|---|---|---|
method | Yes | Yes | Yes | Yes | Yes |
Syntaxis
<form method="get|post">
Attribuutwaarden
Value | Description |
---|---|
get | Default. Appends the form-data to the URL in name/value pairs: URL?name=value&name=value |
post | Sends the form-data as an HTTP post transaction |
Meer voorbeelden
Voorbeeld
Dien een formulier in met de "post"-methode:
<form
action="/action_page.php"
method="post">
<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>
<input
type="submit" value="Submit">
</form>
❮ HTML <form>-tag