Tre tipi di pulsanti HTML

Tre tipi di pulsanti HTML
Un pulsante è considerato uno degli elementi più importanti di una pagina Web in quanto consente di intraprendere alcune azioni dopo aver inserito i dati. HTML fornisce tre diversi tipi di pulsanti. In questo articolo, ti guideremo attraverso l'uso e l'implementazione di tutti e tre i tipi di pulsanti in HTML.

Quali sono i tre tipi di pulsanti in HTML?

I pulsanti utilizzati in HTML sono ampiamente classificati in tre diverse categorie. Tutti e tre i tipi di pulsanti HTML sono discussi di seguito:

  • Il pulsante di invio- Questo pulsante viene utilizzato per l'invio dei dati correnti inseriti in un modulo Web.
  • Il pulsante di ripristino- Questo pulsante viene utilizzato per ripristinare tutti i dati attualmente inseriti in un modulo Web.
  • Il pulsante semplice cliccabile- Questo è un semplice pulsante HTML utilizzato per attivare qualsiasi evento associato.

Come utilizzare i tre tipi di pulsanti in HTML?

Per utilizzare tutti e tre i tipi di pulsanti in HTML, abbiamo creato il seguente script HTML:

In questo esempio, abbiamo creato due campi di input di testo per la raccolta del nome e del cognome degli utenti. Quindi, abbiamo fornito tre diversi pulsanti in questo script HTML. Il primo pulsante verrà utilizzato per l'invio del nome e del cognome inserito. Il secondo pulsante verrà utilizzato per il ripristino dell'ingresso immesso. E l'ultimo pulsante verrà utilizzato per attivare un evento associato. Tuttavia, in questa sceneggiatura HTML, ci siamo limitati alla creazione di questi pulsanti a causa dei quali non abbiamo definito alcun trigger associato eventi.

La pagina Web mostrata nell'immagine seguente è apparsa sul nostro browser quando abbiamo eseguito lo script HTML sopra menzionato. Questa pagina Web mostra tutti e tre i tipi di pulsanti in HTML.

Conclusione

Questo tutorial era pensato per trasmettere l'uso dei tre tipi di pulsanti in HTML. Per fare ciò, ti abbiamo insegnato brevemente lo scopo di tutti e tre i tipi di pulsanti seguiti da uno script HTML che ha implementato tutti questi pulsanti. Una volta che imparerai la creazione di pulsanti in HTML, puoi facilmente abbinare questo script a PHP o JavaScript per eseguire determinate azioni una volta che questi pulsanti vengono cliccati.