Button formMethod eigenschap
Definitie en gebruik
formMethod
Eigenschap instellen of retourneren van de knop formmethod-eigenschap waarde.
De eigenschap formmethod specifies the HTTP method used to send form data. This attribute overrides the form's method attribute.
De eigenschap formmethod wordt alleen gebruikt voor knoppen met type="submit"
Formulierdata kunnen worden verzonden als URL-variabelen (met method="get") of als HTTP post (met method="post")
Opmerkingen over het "get"-methodisme:
- Het voegt formulierdata toe aan de URL in de vorm van naam/waarde-paren
- Dit is nuttig voor formulierindieningen waarbij de gebruiker resultaten wil bladeren
- De hoeveelheid data die in de URL kan worden geplaatst, is beperkt (afhankelijk van de browser), dus u kunt niet vertrouwen op het juiste transport van alle formulierdata
- Gebruik het methodisme "get" niet om gevoelige informatie door te geven! (Wachtwoorden of andere gevoelige informatie worden weergegeven in de adresbalk van de browser)
Opmerkingen over het "post"-methodisme:
- Het stuurt formulierdata als HTTP post-transactie
- Formulieren die met het "post"-methodisme worden ingediend, kunnen geen bladwijzers toevoegen
- Meer robuust en veilig dan "get"
- Geen beperking in grootte
Opmerking:formmethod-eigenschap is een nieuwe eigenschap van het HTML5 <button>-element.
Voorbeeld
Voorbeeld 1
Geef het HTTP-methodisme terug dat wordt gebruikt voor het verzenden van formulierdata:
var x = document.getElementById("myBtn").formMethod;
Voorbeeld 2
Verander het methodisme voor het verzenden van formulierdata:
document.getElementById("myBtn").formMethod = "post";
Voorbeeld 3
Een ander voorbeeld van het retourneren van de eigenschap formMethod:
var x = document.getElementById("myBtn").formMethod;
Syntax
Geef de eigenschap formMethod terug:
buttonObject.formMethod
Stel de eigenschap formMethod in:
buttonObject.formMethod = get|post
eigenschapswaarde
waarde | beschrijving |
---|---|
get | Attach form data to URL: URL?name=value&name=value |
post | Send form data as an HTTP POST transaction |
Technical details
Return value: | String value, indicating the HTTP method used to submit the form to the server. |
---|
Browser support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | 10.0 | Support | Support | Support |
Related pages
HTML reference manual:HTML <button> formmethod attribute