HTML <button> formmethod-eigenschap

HTML <button> Tag

Definitie en gebruik

formmethod De eigenschap bepaalt de HTTP-methode die wordt gebruikt om formulierdata te verzenden. Deze eigenschap overwint de formuliermethod-eigenschap.

formmethod De eigenschap wordt alleen gebruikt voor type="submit" knoppen.

Formuliervelden kunnen worden verzonden als URL-variabelen (gebruik method="get") of als HTTP post verzenden (gebruik method="post")

Opmerkingen over de "get"-methode:

  • Het voegt het formulierdata toe aan de URL in de vorm van naam/waardeparen
  • Dit is zeer nuttig voor formulierindieningen waarbij de gebruiker de resultaten als bladwijzer wil opslaan
  • Er kan een beperkte hoeveelheid data in de URL worden geplaatst (afhankelijk van de browser), dus kan niet worden gegarandeerd dat alle formulierdata correct wordt 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 formulierdata 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 limiet op de grootte

Voorbeeld

Een formulier met twee verzendknoppen. De eerste verzendknop gebruikt method="get" om het formulier te verzenden, de tweede verzendknop gebruikt method="post" om het formulier te verzenden:

<form action="/action_page.php" method="get">
  <label for="fname">Voornaam：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Achternaam：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Indienen</button>
  <button type="submit" formmethod="post">Gebruik POST om in te dienen</button>
</form>

Probeer het zelf

Syntaxis

<button type="submit" formmethod="get|post">

Eigenschapswaarde

Waarde Beschrijving
get Voeg formulierdata toe aan de URL:URL?name=value&name=value.
post Verstuur formulierdata als HTTP POST-transactie.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
9.0 10.0 4.0 5.1 15.0

Opmerking:formmethod Eigenschappen zijn nieuwe eigenschappen in HTML 5.

HTML <button> Tag