Grundlæ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:
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
Forklaring af form-attributter:
nameidentificerer formularen for både klient og server. Den må indeholde bogstaver, tal, understregninger og bindestreger, men ingen mellemrum;autocompletestyrer, om browseren kan autofylde formularfelter (on eller off). Kan anvendes på formularen eller individuelle inputfelter;novalidatedeaktiverer 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.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
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?
Fantastisk!
Completion rate forbedret til 2.38
Grundlæ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:
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
Forklaring af form-attributter:
nameidentificerer formularen for både klient og server. Den må indeholde bogstaver, tal, understregninger og bindestreger, men ingen mellemrum;autocompletestyrer, om browseren kan autofylde formularfelter (on eller off). Kan anvendes på formularen eller individuelle inputfelter;novalidatedeaktiverer 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.
Tak for dine kommentarer!