Proprietà formmethod dell'HTML <button>

Tag HTML <button>

Definizione e uso

formmethod L'attributo specifica il metodo HTTP utilizzato per inviare i dati del modulo. Questo attributo sovrascrive l'attributo method del modulo.

formmethod L'attributo è utilizzato solo per type="submit" pulsante.

I dati del modulo possono essere inviati come variabili dell'URL (utilizzando method="get") o inviato come HTTP post (utilizzando method="post")

Considerazioni riguardanti il metodo "get":

  • Aggiunge i dati del modulo alla URL sotto forma di coppia nome/valore
  • Questo è molto utile per i moduli di invio che l'utente desidera aggiungere come segnalibri
  • La quantità di dati che possono essere inseriti nell'URL è limitata（a seconda del browser），quindi non si può garantire che tutti i dati del modulo vengano trasmessi correttamente.
  • Non utilizzare mai il metodo "get" per trasmettere informazioni sensibili！（Le informazioni sensibili come le password saranno visualizzate nella barra degli indirizzi del browser）

Considerazioni riguardanti il metodo "post":

  • Invia i dati del modulo come transazione HTTP POST
  • I moduli inviati con il metodo "post" non possono essere salvati come segnalibri
  • Confrontato con il metodo "get", il metodo "post" è più robusto e sicuro
  • Non ha limiti di dimensione

Esempio

Modulo con due pulsanti di invio. Il primo pulsante di invio utilizza method="get" per inviare i dati del modulo, il secondo pulsante di invio utilizza method="post" per inviare i dati del modulo:

<form action="/action_page.php" method="get">
  <label for="fname">Nome:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Cognome:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Invia</button>
  <button type="submit" formmethod="post">Invia con POST</button>
</form>

Prova personalmente

Sintassi

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

Valore dell'attributo

Valore Descrizione
get Aggiungere i dati del modulo all'URL:URL?name=value&name=value.
post Inviare i dati del modulo come transazione HTTP post.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta per la prima volta l'attributo.

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

Nota:formmethod L'attributo è una nuova proprietà in HTML 5.

Tag HTML <button>