Button HTML

Nel linguaggio HTML con il tag BUTTON possiamo creare pulsanti di ogni genere. Il tag ha alcuni attributi specifici

• name
• value
• type
• disabled
• tabindex
• accesskey

L'attributo più importante è senza dubbio il 'type' in cui si indica la funzione specifica del pulsante. Nei principali type ammessi ricordiamo 'submit', 'reset' e 'button'. Con l'attributo 'type' di tipo submit il pulsante consente l'invio di dati di una Form. L'attributo 'type' di tipo 'reset' il pulsante ha la funzione di ripristinare i valori iniziali dei campi di una Form. Infine, l'attributo 'type' di tipo 'button' permette di utilizzare il pulsante per avviare uno script.

La sintassi del tag button è la seguente

<BUTTON type=''> [testo e/o immagine] </BUTTON>

Facciamo adesso un esempio pratico

<BUTTON type='submit'> clicca qui <IMG SRC='pulsanteok.gif'> </BUTTON>

Nell'esempio abbiamo creato un semplice pulsante di tipo submit. Il linguaggio Html visualizza il testo e l'immagine 'pulsanteok.gif' come funzione submit di una form. Cliccando sull'immagine o sul test si ottiene la sottomissione dei dati inseriti nei campi della form.

Attributi aggiuntivi del tag Button

Sono ammessi come attributi aggiuntivi del tag Button i seguenti: id, class, lang, dir, title, style, onclick, ondbclick, onmouseover, onmousedown, onmouseup, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblur.

18 / 06 / 2008

Commenti

Scrivi il tuo commento sulla pagina
"Button HTML "

Link utili per approfondire il tema
html