In HTML è possibile renderizzare dei bottoni cliccabili utilizzando il tag – button.
Vediamo un esempio pratico nel seguente codice:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> </head> <body> <!-- Primo bottone --!> <button type="button"> Click Me! </button> <br> <!-- Secondo bottone --!> <button type="button"> <img src="http://www.lucedigitale.com/blog/wp-content/uploads/2013/07/list-type-image.png" alt="Read book" /> <br> Click Me! </button> </body> </html>
L’effetto finale qui sotto:
Analizzando la sintassi avremo:
type= il tipo di bottone, può essere:
– submit -> per inviare i dati di un form
– reset -> per resettare i dati di un form
– button -> generico, solitamenti viene associato ad un comando JavaScript
Un’altra cosa da notare è che all’interno del tag – button – possiamo inserire un elemento qualsiasi di testo o immagine per arricchirne l’aspetto.
