Manuale di riferimento HTML

Completo di etichette HTML

HTML: attributo formmethod di <button>

Questo articolo introduce l'uso dell'attributo formmethod di HTML button, dimostra con esempi online come utilizzare l'attributo formmethod di HTML button, la compatibilità del browser, la definizione sintattica e dettagli delle sue proprietà.

　HTML <button> etichetta

Esempio online

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

Esempio

<!DOCTYPE html>
<html>
<head>
<title>HTML: attributo formmethod di <button> - Sito web di base tutorial oldtoolbag.com</title>
<body>
<form action="action_page.php" method="get">
　　Nome: <input type="text" name="fname"><br>
　　Cognome: <input type="text" name="lname"><br>
　　<button type="submit">Invio in modalità GET predefinita</button>
　　<button type="submit" formmethod="post">Invio in modalità POST</button>
</form>
</body>
</html>

Prova a vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Opera, Chrome e Safari supportano l'attributo formmethod.

Attenzione:Internet Explorer 9 e versioni precedenti non supportano l'attributo formmethod.

Definizione e uso

L'attributo formmethod specifica il metodo HTTP da utilizzare per inviare i dati del modulo. Questo attributo sovrascrive il metodo del modulo. 　method 　Attributo.
L'attributo formmethod è utilizzato solo per i pulsanti di tipo “submit”.
I dati del modulo possono essere inviati come variabili dell'URL (usando method = “get”) o come POST HTTP (usando method = “post”)
Attenzioni riguardanti il metodo “GET”:

Aggiunge i dati del modulo sotto forma di coppia nome/valore all'URL
Utilizzato per presentazioni di moduli in cui l'utente desidera aggiungere i risultati come segnalibro
La quantità di dati che puoi inserire nell'URL è limitata (può variare tra i browser), quindi non puoi essere sicuro che tutti i dati del modulo vengano trasmessi correttamente
Non utilizzare il metodo "get" per trasmettere informazioni sensibili！（Le informazioni sensibili come le password saranno visualizzate nella barra degli indirizzi del browser）

Note sull'uso del metodo "post":

Invia i dati del modulo come transazione HTTP post
Non può essere aggiunto come segnalibro la presentazione del modulo con metodo "post"
È più robusto e sicuro rispetto a "get"
Non ha limiti di dimensioni

Differenze tra HTML 4.01 e HTML5

L'attributo formmethod è una nuova proprietà di HTML 5.

Sintassi

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

Valore dell'attributo

Valore	Descrizione
get	Aggiungi dati del modulo (form-data) alla URL: URL?name=value&name=value
post	Invia dati del modulo (form-data) sotto forma di transazione HTTP post

　HTML <button> etichetta

HTML: <template> etichetta