Brug af Knapper
<button>-tagget opretter klikbare knapper på websider. Det giver brugerne mulighed for at interagere med websiden ved at udløse handlinger såsom at indsende en formular eller udføre JavaScript-kode. Selvom vi ikke fokuserer på JavaScript i dette kursus, er det vigtigt at vide, at denne mulighed findes.
Typer af knapper
- Standardknap (
<button type="button">): En generel knap, der bruges til forskellige handlinger på websiden, såsom at udløse JavaScript-funktioner eller navigere til en anden side; - Indsend-knap (
<button type="submit">): Bruges i en formular til at indsende formularens data til en server; - Nulstil-knap (
<button type="reset">): Bruges i en formular til at nulstille formularens felter til deres standardværdier.
Eksempel:
index.html
I eksemplet ovenfor:
- Den første knap er en standardknap med et
onclick-attribut, der udløser en advarsel, når den klikkes på; - Den anden knap er en submit-knap, der indsender formularens data til serveren;
- Den tredje knap er en reset-knap, der nulstiller formularfelterne til deres standardværdier.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Awesome!
Completion rate improved to 2.86
Brug af Knapper
Stryg for at vise menuen
<button>-tagget opretter klikbare knapper på websider. Det giver brugerne mulighed for at interagere med websiden ved at udløse handlinger såsom at indsende en formular eller udføre JavaScript-kode. Selvom vi ikke fokuserer på JavaScript i dette kursus, er det vigtigt at vide, at denne mulighed findes.
Typer af knapper
- Standardknap (
<button type="button">): En generel knap, der bruges til forskellige handlinger på websiden, såsom at udløse JavaScript-funktioner eller navigere til en anden side; - Indsend-knap (
<button type="submit">): Bruges i en formular til at indsende formularens data til en server; - Nulstil-knap (
<button type="reset">): Bruges i en formular til at nulstille formularens felter til deres standardværdier.
Eksempel:
index.html
I eksemplet ovenfor:
- Den første knap er en standardknap med et
onclick-attribut, der udløser en advarsel, når den klikkes på; - Den anden knap er en submit-knap, der indsender formularens data til serveren;
- Den tredje knap er en reset-knap, der nulstiller formularfelterne til deres standardværdier.
Tak for dine kommentarer!