Inserire elementi HTML in un bottone di un form

La creazione di un bottone di invio per un form HTML avviene mediante i Tag "input" oppure "button"; il primo è consigliato dal W3C, compatibile con le statistiche XHTML e supportato da tutti i browser, mentre il secondo, pur esistendo, è sconsigliato perchè non rispetta le specifiche appena citate... attenzione quindi: con browser diversi da Microsoft Internet Explorer potreste avere difficoltà di visualizzazione.

In un'applicazione Intranet, comunque, è ideale per creare bottoni che contengano al loro interno immagini o altri elementi HTML che, per logica, possono far parte dell'aspetto di un bottone.

La sintassi base per la creazione di un bottone col Tag "button" è la seguente:

<button name="invio">Scritta sul bottone</button>

che restituisce il seguente output:

Scritta sul bottone

Proviamo adesso a formattare il codice del bottone senza usare i CSS:

<button name="invio"><b>Scritta sul bottone</b></button>

che restituisce il seguente output:

Scritta sul bottone

Possiamo usare anche il Tag "font" per cambiare il colore, il carattere e le dimensioni del testo inserito all'interno.

Proviamo adesso un esempio completo che vede un bottone con un'immagine al suo interno:

<button name="mrwebmaster">
    <img src="ico_stampante.gif" align="absmiddle">
    <font color="#FF0000" face="Verdana" size="2"> <b>Stampa la pagina</b>
    </font>
</button>

Segue il risultato:

Stampa la pagina