HTML <input> formuliermethode Attribuut

❮ HTML <input>-tag

Voorbeeld

De tweede verzendknop heft de HTTP-methode van het formulier op:

<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">
  <input type="submit" formmethod="post" value="Submit using POST">
</form>

Definitie en gebruik

Het formmethodattribuut definieert de HTTP-methode voor het verzenden van formuliergegevens naar de actie-URL.

Het formmethodattribuut overschrijft het methodattribuut van het <form>element.

Opmerking: Het formmethodattribuut kan worden gebruikt met type="submit"en type="image".

De formuliergegevens kunnen worden verzonden als URL-variabelen ( method="get") of als een HTTP-posttransactie ( method="post").

Opmerkingen over de "get"-methode:

  • Deze methode voegt de formuliergegevens toe aan de URL in naam/waarde-paren
  • Deze methode 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:

  • Deze methode verzendt de formuliergegevens als een HTTP-posttransactie
  • Formulierinzendingen met de "post"-methode kunnen niet worden gemarkeerd als bladwijzer
  • De "post"-methode is robuuster en veiliger dan "get", en "post" heeft geen beperkingen voor de grootte

Browserondersteuning

De getallen in de tabel geven de eerste browserversie aan die het kenmerk volledig ondersteunt.

Attribute
formmethod Yes 10.0 Yes 5.1 10.6

Syntaxis

<input formmethod="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

❮ HTML <input>-tag