Vi ved allerede, hvordan man opbygger formularer med inputfelter og etiketter. Lad os nu se på andre nyttige attributter for inputelementer, der forbedrer deres funktionalitet og brugervenlighed.

Almindelige attributter for inputelementer

Placeholder

placeholder giver et hint eller eksempeltekst i inputfeltet, som vejleder brugeren om, hvilken type input der forventes. Anvendes til at give kontekst eller instruktioner til brugeren, før data indtastes.

<input type="text" placeholder="Enter your email" />

Name

name angiver inputfeltets navn, som bruges til at identificere inputdata, når formularen indsendes. Hvert inputfelt i en formular bør have et unikt name-attribut.

<input type="text" name="username" />

Value

value angiver den indledende eller standardværdi for inputfeltet. Forudfylder inputfeltet med en bestemt værdi, når siden indlæses.

<input type="tel" value="+1 (484) 298-9732" />

Påkrævet

required angiver, at inputfeltet skal udfyldes, før formularen kan indsendes. Forhindrer indsendelse af formularen, hvis det påkrævede felt er tomt.

<input type="password" required />

Deaktiveret

disabled deaktiverer inputfeltet, hvilket forhindrer brugere i at interagere med det eller indtaste data. Anvendes til visning af skrivebeskyttede eller inaktive inputfelter.

<input type="text" value="New York" disabled />

Skrivebeskyttet

readonly gør inputfeltet skrivebeskyttet, så brugere kan se værdien, men ikke ændre den. Ligner attributten disabled, men tillader stadig, at feltet kan fokuseres og vælges.

<input type="text" value="USA" readonly />

Min og Max

min og max angiver de minimale og maksimale tilladte værdier for numeriske inputfelter. Anvendes til at håndhæve begrænsninger på numerisk input, såsom alder eller antal.

<input type="number" min="21" max="99" />

Eksempel: Her ses et eksempel, der indeholder alle nødvendige attributter og elementer til formularen.

Videovejledning