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:
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
Forklaring af form-attributterne:
nameidentificerer formularen for både klient og server. Den kan 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 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.
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