Il tag viene utilizzato per creare un pulsante cliccabile all'interno del modulo HTML sulla tua pagina web. Puoi inserire contenuti come testo o immagini all'interno del tag .........
Dovresti sempre specificare l'attributo type per un tag. Browser diversi utilizzano tipi predefiniti diversi per l'elemento pulsante.
Il tag HTML Button può essere utilizzato all'interno e all'esterno del modulo.
Se lo usi all'interno del modulo , funziona come il pulsante di invio. Puoi anche usarlo come pulsante di ripristino.
Se lo usi fuori dalla forma , puoi chiamare la funzione JavaScript su di esso.
Esempio di tag pulsante HTML
Vediamo il codice per visualizzare il pulsante.
Click HereProvalo adesso
Produzione:
Clicca quiEsempio di pulsante HTML: chiamata della funzione JavaScript
Vediamo il codice per chiamare la funzione JavaScript al clic del pulsante.
Click Here function hello(){ alert('hello javatpoint user'); } Provalo adesso Produzione:
Clicca quiEsempio di pulsante HTML: Invia modulo
Vediamo il codice per inviare il modulo al clic del pulsante.
Enter Name: <br> SubmitProvalo adesso
Produzione:
Inserisci il nome:Invia
Esempio di pulsante HTML: reimposta modulo
Vediamo il codice per inviare il modulo al clic del pulsante.
Enter Name: <br> resetProvalo adesso
Produzione:
Inserisci il nome:Ripristina
Attributi del tag pulsante HTML
il tag supporta tutti gli attributi globali e alcuni attributi aggiuntivi specifici.
Viene fornito un elenco di attributi dei tag dei pulsanti HTML.
| Attributo | Descrizione |
|---|---|
| messa a fuoco automatica | Specifica che un pulsante dovrebbe essere automaticamente focalizzato durante il caricamento della pagina. |
| Disabilitato | Specifica che un pulsante deve essere disabilitato. |
| modulo | Specifica uno o più moduli a cui appartiene il pulsante. |
| formazione | Viene utilizzato per il tipo di invio. Specifica dove inviare i dati del modulo quando il modulo viene inviato. |
| metodo | Specifica come inviare i dati del modulo. |
| tipo di forma | Specifica come devono essere codificati i dati del modulo prima di inviarli al server. |
| formnovalidate | Specifica che i dati del modulo non devono essere convalidati al momento dell'invio. |
| formtarget | Specifica dove visualizzare la risposta dopo aver inviato il modulo. |
| nome | Specifica il nome del pulsante. |
| tipo | Specifica il tipo di pulsante. |
| valore | Specifica il valore del pulsante. |
Browser di supporto
| Elemento |  Cromo |  CIOÈ |  Firefox |  musica lirica |  Safari |
| SÌ | SÌ | SÌ | SÌ | SÌ |