Manuale di riferimento HTML

Completo elenco dei tag HTML

Tag HTML: <button>

Il tag HTML <button> rappresenta un elemento pulsante cliccabile, che può essere utilizzato in moduli o in altri luoghi della documentazione dove è necessario utilizzare pulsanti semplici e standard. Questo tag è anche noto come elemento <button>.

Esempio online

Il seguente codice segnala un pulsante:

Esempio

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Manuale di Base (oldtoolbag.com)</title>　
</head>　
<body>
<button type="button" onclick="alert('Ciao, mondo!')">Clicca su di me</button>
　
</body>
</html>

Prova a vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano il tag <button>.

Definizione e istruzioni per l'uso del tag

Il tag <button> definisce un pulsante.

All'interno dell'elemento <button>, puoi inserire contenuti, come testo o immagini. Questo è la differenza rispetto al pulsante creato utilizzando l'elemento <input>.

L'elemento <button> HTML si trova all'interno del tag <body>.
Il tag <button> non può essere seguito dal tag <a>.

Suggerimento:Si dovrebbe sempre specificare l'attributo type per l'elemento <button>. Diversi browser utilizzano valori di default diversi per l'attributo type dell'elemento <button>.

Suggerimenti e avvertenze

Nota:Se si utilizza l'elemento <button> in un modulo HTML, diversi browser possono inviare valori di pulsante diversi. Utilizzare <input> Creare pulsanti in un modulo HTML.

Differenze tra HTML 4.01 e HTML5

Nuovi attributi in HTML5: autofocus, form, formaction, formenctype, formmethod, formnovalidate e formtarget.

Attributo

New：Nuovo attributo in HTML5.

Attributo	Valore	Descrizione
autofocusHTML5	autofocus	Specificare che il pulsante dovrebbe ottenere automaticamente il focus quando la pagina viene caricata.
disabled	disabled	Specificare che il pulsante dovrebbe essere disabilitato.
formHTML5	form_id	Specificare che il pulsante appartiene a uno o più moduli.
formactionHTML5	URL	Specificare dove inviare i dati del modulo quando si invia il modulo. Coprire l'attributo action dell'elemento form. Questo attributo viene utilizzato insieme a type="submit".
formenctypeHTML5	application/x-www-form-urlencoded multipart/form-data text/plain	Specificare come codificare i dati del modulo prima di inviarli al server. Coprire l'attributo enctype dell'elemento form. Questo attributo viene utilizzato insieme a type="submit".
formmethodHTML5	get post	Specificare il metodo HTTP utilizzato per inviare i dati del modulo. Coprire l'attributo method dell'elemento form. Questo attributo viene utilizzato insieme a type="submit".
formnovalidateHTML5	formnovalidate	Se si utilizza questo attributo, non viene eseguita la convalida quando si invia il modulo. Coprire l'attributo novalidate dell'elemento form. Questo attributo viene utilizzato insieme a type="submit".
formtargetHTML5	_blank _self _parent _top framename	Specificare dove aprire l'URL di azione. Coprire l'attributo target dell'elemento form. Questo attributo viene utilizzato insieme a type="submit". Indica dove visualizzare il nome o la parola chiave della risposta dopo aver inviato il modulo.Può essere uno dei seguenti valori: _self, _blank, _parent, _top _self - indica che la risposta viene caricata nel frame o contesto attuale _blank - indica che la risposta viene caricata in una nuova finestra o contesto _parent - indica che la risposta viene caricata nel frame o contesto padre _top - indica che la risposta viene caricata nella finestra originale completa
name	name	Stabilisce il nome del pulsante.
type	submit　 reset button	Stabilisce il tipo del pulsante. Submit - indica che il pulsante invierà i dati del modulo al server (se non specificato il tipo, viene utilizzato il valore predefinito) Reset - indica che il pulsante ripristinerà tutti i controlli Pulsante - indica che il pulsante non ha un comportamento predefinito
value	text	Stabilisce il valore iniziale del pulsante. Può essere modificato dallo script.

Proprietà globali

Supporto <button> etichetta Proprietà globali HTML.

Proprietà degli eventi

Supporto <button> etichetta Proprietà degli eventi HTML.