Esempio
Un pulsante cliccabile è contrassegnato come segue:
<button type="button">Click Me!</button>
Prova tu stesso " Definizione e utilizzo
Il <button> tag definisce un pulsante cliccabile.
All'interno di un <button> elemento è possibile mettere il contenuto, come testo o immagini. Questa è la differenza tra questo elemento e pulsanti creati con il <input> elemento.
Suggerimento: Specificare sempre il type attributo per un <button> elemento.Browser diversi utilizzano diversi tipi di default per il <button> elemento.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <button> | sì | sì | sì | sì | sì |
Suggerimenti e Note
Nota: Se si utilizza il <button> elemento in un modulo HTML, browser diversi possono presentare valori diversi.Utilizzare <input> per creare pulsanti in un modulo HTML.
Suggerimento: Visita il nostro pulsanti CSS tutorial per scoprire come stile pulsanti con i CSS.
Differenze tra HTML 4.01 e HTML5
HTML5 ha i seguenti nuovi attributi: autofocus, form, formaction, formenctype, formmethod, formnovalidate , e formtarget .
attributi
= Nuovo in HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| autofocus | autofocus | Specifica che un pulsante dovrebbe ottenere automaticamente messa a fuoco quando la pagina viene caricata |
| disabled | disabled | Specifica che un pulsante deve essere disattivata |
| form | form_id | Specifica uno o più moduli il pulsante appartiene |
| formaction | URL | Specifica dove inviare il form-data quando viene inviato un modulo. Solo per type="submit" |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Specifica come form-data dovrebbe essere codificato prima di inviarlo a un server. Solo per type="submit" |
| formmethod | get post | Specifica come inviare il modulo-dati (quale metodo HTTP da utilizzare). Solo per type="submit" |
| formnovalidate | formnovalidate | Specifica che il form-data non deve essere convalidato su presentazione. Solo per type="submit" |
| formtarget | _blank _self _parent _top framename | Specifica dove per visualizzare la risposta dopo l'invio del modulo. Solo per type="submit" |
| name | name | Specifica un nome per il pulsante |
| type | button reset submit | Specifica il tipo di tasto |
| value | text | Specifica un valore iniziale per il pulsante |
attributi globali
Il <button> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <button> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
Di riferimento HTML DOM: Button Object
CSS Tutorial: Tasti Styling
Impostazioni predefinite CSS
Nessuna.