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

bookGrundlæggende Oprettelse af Formularer i HTML

HTML-<form>-elementet er en grundlæggende byggesten til at oprette interaktive formularer på en webside. Det fungerer som en beholder for alle formularens elementer. Lad os se et eksempel på en simpel formular:

Note
Bemærk

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

index.html

index.html

copy

Forklaring af form-attributter:

  • name identificerer formularen for både klient og server. Den må 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 indbygget browser-validering, nyttigt 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?

Select the correct answer

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

Suggested prompts:

Can you show me a complete example of a basic HTML form?

What are some common input types I can use inside a form?

How do I handle form submission with JavaScript?

bookGrundlæggende Oprettelse af Formularer i HTML

Stryg for at vise menuen

HTML-<form>-elementet er en grundlæggende byggesten til at oprette interaktive formularer på en webside. Det fungerer som en beholder for alle formularens elementer. Lad os se et eksempel på en simpel formular:

Note
Bemærk

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

index.html

index.html

copy

Forklaring af form-attributter:

  • name identificerer formularen for både klient og server. Den må 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 indbygget browser-validering, nyttigt 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?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 2
some-alt