Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Grundlæggende Principper for Oprettelse af Formularer i HTML | HTML-Formularer og Brugerinput
Ultimativ HTML

Grundlæggende Principper for Oprettelse af Formularer i HTML

Stryg for at vise menuen

HTML-<form>-elementet er en grundlæggende byggesten til oprettelse af interaktive formularer på en webside. Det fungerer som en container for alle formularens elementer. Her er et eksempel på en simpel formular:

Note
Bemærk

Alle eksempler inkluderer attributten onsubmit="return false" for at forhindre standardadfærden ved formularindsendelse. På denne måde forbliver fokus på forståelsen af formularoprettelse og attributter.

index.html

index.html

Forklaring af form-attributterne:

  • name identificerer formularen for både klient og server. Den kan indeholde bogstaver, tal, understregninger og bindestreger, men ingen mellemrum;
  • autocomplete styrer, om browseren kan autofylde formularfelter (on eller off). Kan anvendes på formularen eller individuelle inputfelter;
  • novalidate deaktiverer browserens indbyggede validering, nyttig når validering håndteres manuelt med JavaScript.

Oversigt over underordnede elementer

Inde i en <form> bruges forskellige elementer, der definerer dens funktionalitet. <input> gør det muligt for brugere at indtaste data såsom tekst, tal, e-mails og adgangskoder. I eksemplet anvender felterne type="email" og type="password". <label> giver beskrivende tekst til inputfelter og forbedrer formularens struktur og tilgængelighed. <button type="submit"> indsender formularens data. Som standard genindlæses siden, men denne adfærd kan tilsidesættes med JavaScript.

question mark

Hvilket HTML-element bruges til at oprette en send-knap til en formular?

Vælg det korrekte svar

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 23

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 1. Kapitel 23
some-alt