Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Brug af Knapper | HTML-Grundlæggende
HTML-Grundlæggende

bookBrug 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

index.html

copy

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.
question mark

Hvad gør tagget <button type="submit">?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 2. Kapitel 7

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 2. Kapitel 7
some-alt