Il tag <button> crea pulsanti cliccabili sulle pagine web. Consente agli utenti di interagire con la pagina attivando azioni come l'invio di un modulo o l'esecuzione di codice JavaScript. Anche se in questo corso non ci concentreremo su JavaScript, è importante sapere che questa possibilità esiste.

Tipi di pulsanti

• Pulsante standard (<button type="button">): Pulsante generico utilizzato per varie azioni sulla pagina web, come attivare funzioni JavaScript o navigare verso un'altra pagina;
• Pulsante di invio (<button type="submit">): Utilizzato all'interno di un modulo per inviare i dati del modulo a un server;
• Pulsante di reset (<button type="reset">): Utilizzato all'interno di un modulo per ripristinare i campi del modulo ai valori predefiniti.

Esempio:

Nell'esempio sopra:

• Il primo pulsante è un pulsante standard con un attributo onclick che attiva un avviso quando viene cliccato;
• Il secondo pulsante è un pulsante di invio che invia i dati del modulo al server;
• Il terzo pulsante è un pulsante di reset che ripristina i campi del modulo ai loro valori predefiniti.