HTML <button> formmethod-egenskab

HTML <button> Tag

Definition og brug

formmethod Egenskaben definerer den HTTP-metode, der bruges til at sende formulardata. Denne egenskab overstyrer formularens method-egenskab.

formmethod Egenskaben bruges kun til type="submit" knapperne.

Formulardata kan sendes som URL-variabler (brug method="get") eller sendes som HTTP POST (brug method="post")

Bemærkninger vedrørende "get"-metoden:

  • Den tilføjer formulardata som navn/værdi-par til URL'en
  • Dette er meget nyttigt for formularsubmissioner, hvor brugeren ønsker at tilføje resultaterne som bogmærker
  • Antallet af data, der kan placeres i URL'en, er begrænset (varierer afhængigt af browseren), så det kan ikke garanteres, at alle formulardata kan sendes korrekt.
  • Brug aldrig "get"-metoden til at sende følsomme oplysninger! (Koder eller andre følsomme oplysninger vises i browserens adressefelt)

Bemærkninger vedrørende "post"-metoden:

  • Den sender formulardata som en HTTP POST-transaktion
  • Formulardata, der sendes med "post"-metoden, kan ikke gemmes som en bogmærke
  • I sammenligning med "get"-metoden er "post"-metoden mere robust og sikker
  • Den har ingen størrelsesbegrænsning

Eksempel

En formular med to indsendelsesknapper. Den første indsendelsesknappen bruger method="get" til at sende formulardata, og den anden indsendelsesknappen bruger method="post" til at sende formulardata:

<form action="/action_page.php" method="get">
  <label for="fname">Fornavn:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Efternavn:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Send</button>
  <button type="submit" formmethod="post">Brug POST til at sende</button>
</form>

Prøv det selv

Syntaks

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

Egenskabsværdi

Værdi Beskrivelse
get Tilføj formulardata til URL:URL?name=value&name=value.
post Send formulardata som HTTP POST-transaktion.

Browser support

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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

Bemærkning:formmethod Egenskaber er en ny egenskab i HTML 5.

HTML <button> Tag