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 5. Kapitel 2

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 5. Kapitel 2
some-alt