Bruk av Knapper

<button>-taggen lager klikkbare knapper på nettsider. Den lar brukere samhandle med nettsiden ved å utløse handlinger som å sende inn et skjema eller kjøre JavaScript-kode. Selv om vi ikke fokuserer på JavaScript i dette kurset, er det viktig å vite at denne muligheten finnes.

Typer knapper

• Standardknapp (<button type="button">): En generell knapp brukt til ulike handlinger på nettsiden, for eksempel å utløse JavaScript-funksjoner eller navigere til en annen side;
• Sendeknapp (<button type="submit">): Brukes inne i et skjema for å sende skjemadata til en server;
• Tilbakestillingsknapp (<button type="reset">): Brukes inne i et skjema for å tilbakestille feltene til standardverdiene.

Eksempel:

I eksempelet ovenfor:

• Den første knappen er en standardknapp med et onclick-attributt som utløser en varselmelding når den klikkes på;
• Den andre knappen er en sendeknapp som sender skjemadataene til serveren;
• Den tredje knappen er en tilbakestillingsknapp som tilbakestiller skjemafeltene til deres standardverdier.