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

Note

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

Forklaring af form attributter:

• name giver en unik identifikator for formularen på en webside. Både serveren og klienten bruger denne identifikator til at behandle formularens data. Formularnavnet kan inkludere tal, understregninger, bindestreger og engelske alfabettegn, men det må ikke indeholde mellemrum;

• autocomplete bestemmer, om webbrowsere kan udfylde formularfelter automatisk. Det kan indstilles til "on" eller "off" og anvendes på individuelle form elementer;

• novalidate specificerer, at browsere ikke skal udføre validering af formularfelter. Dette kan være nyttigt, når du ønsker at håndtere validering manuelt ved hjælp af JavaScript;

• method specificerer den HTTP-metode, der bruges til at sende formularens data til serveren. De to mest almindelige metoder er GET og POST. Dette emne vil blive dækket i dybden i JavaScript-kurset.

Oversigt over Børnelementer i en Form

Inde i form elementet finder du forskellige børnelementer, der er essentielle for formularens funktionalitet. input elementet tillader brugere at indtaste forskellige datatyper, såsom tekst, tal og datoer. I dette eksempel bruges type="email" til e-mail feltet og type="password" til adgangskode feltet. label elementet organiserer og strukturerer formularen, giver beskrivende tekst til inputfelter og hjælper brugere med at forstå deres formål. Knap elementet med type="submit" bruges til at indsende formularens data til serveren, når det klikkes. Som standard genindlæser indsendelse af formularen websiden, men denne adfærd kan tilpasses ved hjælp af JavaScript.