HTML <button> formmethod-egenskap

HTML <button> tagg

Definition och användning

formmethod egenskapen specificerar den HTTP-metod som används för att skicka formulärdata. Denna egenskap överskriver formulärets method-egenskap.

formmethod egenskapen används endast för type="submit" knappens

Formulärdata kan skickas som URL-variabler (använd method="get"），eller skickas som HTTP post (använd method="post")

Viktiga punkter om "get"-metoden:

  • Det lägger till formulärdata i form av namn/värde-paare till URL
  • Detta är mycket användbart för formulärinlämningar där användaren vill lägga till resultatet som ett bokmärke
  • Antalet data som kan placeras i URL är begränsat（varierar beroende på webbläsare），därför kan det inte garanteras att alla formulärdata korrekt överförs.
  • Använd aldrig "get"-metoden för att skicka känslig information！（Lösenord eller annan känslig information kommer att visas i webbläsarens adressfält）

Viktiga punkter om "post"-metoden:

  • Det skickar formulärdata som en HTTP POST-transaktion
  • Formulärdata som skickas med "post"-metoden kan inte sparas som en bokmärke
  • Jämfört med "get"-metoden är "post"-metoden mer robust och säker
  • Det har ingen storleksbegränsning

Exempel

En formulär med två inlämningsknappar. Den första inlämningsknappen använder method="get" för att skicka formulärdata, den andra inlämningsknappen använder method="post" för att skicka formulärdata:

<form action="/action_page.php" method="get">
  <label for="fname">Förnamn:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Efternamn:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Skicka</button>
  <button type="submit" formmethod="post">Använd POST för att skicka</button>
</form>

Prova själv

Syntax

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

Egenskapsvärde

Värde Beskrivning
get Lägg till formulärdata till URL:URL?name=value&name=value.
post Skicka formulärdata som HTTP POST-transaktion.

Webbläsarstöd

Numrerna i tabellen anger den första versionen av webbläsaren som fullständigt stöder egenskapen.

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

Kommentar:formmethod Egenskapen är en ny egenskap i HTML 5.

HTML <button> tagg