HTML Tutorial

HTML-tagg: <button>

Användning av <button>

  • Skapa en knapp som utlöser en händelse vid klickning.
  • Kan användas för att skicka formulär, navigera mellan sidor eller utföra skript.

Attribut för <button>

Attribut Beskrivning
type Anger knapptypen (submit, reset, button, etc.)
value Anger knappens värde
name Anger knappens namn
autofocus Anger om knappen ska få fokus när sidan laddas
disabled Anger om knappen är inaktiverad

Exempel med <button>

Skapa en knapp som skickar ett formulär:

<form action="/submit">
  <button type="submit">Skicka</button>
</form>

Skapa en knapp som navigerar till en annan sida:

<a href="/next-page"><button>Nästa sida</button></a>

Utforska <button>-taggen

För att utforska <button>-taggen kan du prova följande HTML-exempel:

<!DOCTYPE html>
<html>
<head>
  <title>Utforska <button>-taggen</title>
</head>
<body>
  <h1>Exempel på <button>-knappar</h1>

  <p>
    <button type="button">Standardknapp</button>
  </p>

  <p>
    <button type="submit">Skicka-knapp</button>
  </p>

  <p>
    <button type="reset">Återställ-knapp</button>
  </p>

  <p>
    <button type="button" disabled>Inaktiverad knapp</button>
  </p>
</body>
</html>

Detta exempel visar olika typer av <button>-knappar med olika attribut.