Tre HTML -knappetyper
Hva er de tre typene knappene i HTML?
Knappene som brukes i HTML er bredt klassifisert i tre forskjellige kategorier. Alle de tre typene HTML -knapper er diskutert nedenfor:
- Send -knappen- Denne knappen brukes til å sende inn gjeldende data som er lagt inn i et webskjema.
- Tilbakestillingsknappen- Denne knappen brukes til å tilbakestille alle de for øyeblikket angitte dataene innenfor et webskjema.
- Den enkle klikkbar knappen- Dette er en enkel HTML -knapp som brukes til å utløse enhver tilknyttet hendelse.
Hvordan bruke de tre typene knapper i HTML?
For å bruke alle de tre typene knapper i HTML, har vi laget følgende HTML -skript:
I dette eksemplet har vi laget to tekstinngangsfelt for å samle fornavnet og etternavnet til brukerne. Deretter ga vi tre forskjellige knapper i dette HTML -skriptet. Den første knappen vil bli brukt til å sende inn første og etternavn som er angitt. Den andre knappen vil bli brukt til å tilbakestille den angitte inngangen. Og den siste knappen vil bli brukt til å utløse en tilknyttet hendelse. I dette HTML -skriptet har vi imidlertid begrenset oss til opprettelsen av disse knappene på grunn av at vi ikke har definert noen tilknyttede triggerhendelser.
Nettsiden vist på bildet nedenfor dukket opp i nettleseren vår da vi utførte ovennevnte HTML-skript. Denne websiden viser alle tre typer knapper i HTML.
Konklusjon
Denne opplæringen var ment for å formidle bruken av de tre typene knapper i HTML. For å gjøre det, lærte vi deg kort formålet med alle de tre typene knappene etterfulgt av et HTML -skript som implementerte alle disse knappene. Når du vil lære å lage knapper i HTML, kan du enkelt koble sammen dette skriptet med PHP eller JavaScript for å utføre visse handlinger når disse knappene er klikket.