HTML <input> elementet giver os mulighed for at skabe forskellige formkontroller til at indsamle brugerinput. Du kan tilpasse adfærden og udseendet af disse kontroller ved hjælp af forskellige attributter. Lad os udforske nogle almindeligt anvendte attributter:

value

value attributten bruges til at indstille den indledende værdi af <input> elementet. Den specifikke værdi afhænger af inputtypen:

• For knapper (type="button", type="reset", type="submit"), definerer den teksten, der vises på knappen;

• For tekst (type="text") og adgangskode (type="password") felter, definerer den standardværdien af inputfeltet;

• For afkrydsningsfelter (type="checkbox") og radioknapper (type="radio"), definerer den værdien, der er forbundet med input.

Note

value attributten kan ikke bruges med <input type="file">.

autofocus

Attributten autofocus angiver, at inputfeltet automatisk skal have fokus, når websiden indlæses. Når siden indlæses, vil inputfeltet automatisk blive valgt, hvilket gør det muligt for brugeren at begynde at skrive uden først at klikke på inputfeltet.

Bemærk

Autofokus virker ikke her, fordi siden ikke genindlæses, når du klikker på "Kør kode"-knappen.

required

Attributten required bruges til at gøre et inputfelt obligatorisk. Det angiver, at inputfeltet skal udfyldes, før brugeren kan indsende formularen. Hvis brugeren forsøger at indsende formularen uden at udfylde det krævede inputfelt, vil de modtage en valideringsfejlmeddelelse, der angiver, at feltet er påkrævet.

placeholder

Attributten placeholder giver en antydning eller et eksempel på den forventede inputværdi til brugeren. En kort tekststreng vises inde i inputfeltet, før brugeren indtaster nogen værdi. Dette er nyttigt for felter, der kræver specifik formatering, såsom telefon- eller kreditkortnumre.

Bemærk

I eksemplerne ovenfor bruges forskellige type attributter for <input> elementerne, hvilket påvirker deres udseende og funktionalitet betydeligt. Du vil dykke dybere ned i forskellige inputtyper i det næste kapitel.