HTML <input> formmethod-eigenschap

HTML <input> tag

Definitie en gebruik

formmethod eigenschap van het <form>-element

formmethod eigenschap overschrijft de het method-eigenschap.

Let op:formmethod de eigenschappen kunnen worden gebruikt met type="submit" en type="image" samen gebruikt

Formuliergegevens kunnen worden verzonden als URL-variabelen (method="get") of als HTTP POST-transactie (method="post")

Opmerkingen over de "get"-methode:

  • Het voegt het formuliergegevens als naam/waardeparen toe aan de URL
  • Dit is zeer nuttig voor formulierindieningen waarbij de gebruiker de resultaten als bladwijzer wil opslaan
  • Er kan een beperkte hoeveelheid gegevens in de URL worden geplaatst (afhankelijk van de browser), dus kan niet worden gegarandeerd dat alle formuliergegevens correct worden overgebracht.
  • Gebruik nooit de "get"-methode om gevoelige informatie door te geven! (Wachtwoorden of andere gevoelige informatie worden weergegeven in de adresbalk van de browser)

Opmerkingen over de "post"-methode:

  • Het stuurt het formulier als een HTTP POST-transactie
  • Een formulier dat met de "post"-methode wordt ingediend, kan niet als bladwijzer worden opgeslagen
  • In vergelijking met de "get"-methode is de "post"-methode robuuster en veiliger
  • Het heeft geen groottebeperking

Voorbeeld

De tweede submit knop overschrijft de HTTP-methode van het formulier:

<form action="/action_page.php" method="get">
  <label for="fname">名:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">姓:</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>

Try it yourself

Syntax

<input formmethod="get|post">

Attribute value

Value Description
get Default. Attach form data in the form of name/value pairs to the URL:URL?name=value&name=value.
post Send form data as an HTTP POST transaction.

Browser support

The numbers in the table indicate the first browser version to fully support this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 10.0 Support 5.1 10.6

HTML <input> tag