HTML <input>-elementet lar oss lage ulike skjemakontroller for å samle inn brukerinput. Du kan tilpasse oppførselen og utseendet til disse kontrollene ved å bruke forskjellige attributter. La oss utforske noen vanlige brukte attributter:

value

value-attributtet brukes til å sette startverdien for <input>-elementet. Den spesifikke verdien det tar avhenger av inputtypen:

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

• For tekst (type="text") og passord (type="password") felt, definerer det standardverdien for inndatafeltet;

• For avmerkingsbokser (type="checkbox") og radioknapper (type="radio"), definerer det verdien som er knyttet til inndataen.

Merk

value-attributtet kan ikke brukes med <input type="file">.

autofocus

Attributtet autofocus spesifiserer at inndatafeltet automatisk skal ha fokus når nettsiden lastes inn. Når siden lastes, vil inndatafeltet bli valgt automatisk, slik at brukeren kan begynne å skrive uten å klikke på inndatafeltet først.

Merk

Autofokus fungerer ikke her fordi siden ikke lastes på nytt når du klikker på "Kjør kode"-knappen.

required

Attributtet required brukes for å gjøre et inndatafelt obligatorisk. Det spesifiserer at inndatafeltet må fylles ut før brukeren kan sende inn skjemaet. Hvis brukeren prøver å sende inn skjemaet uten å fylle ut det obligatoriske inndatafeltet, vil de motta en valideringsfeilmelding som indikerer at feltet er påkrevd.

placeholder

Attributtet placeholder gir et hint eller eksempel på den forventede inndataverdien til brukeren. En kort tekststreng vises inne i inndatafeltet før brukeren skriver inn noen verdi. Dette er nyttig for felt som krever spesifikk formatering, som telefon- eller kredittkortnumre.

Merk

I eksemplene ovenfor brukes forskjellige type attributter for <input> elementene, noe som påvirker deres utseende og funksjonalitet betydelig. Du vil fordype deg mer i ulike input-typer i neste kapittel.