HTML-Inndataattributter for Utvidet Funksjonalitet
Sveip for å vise menyen
Du kjenner allerede til bruk av input-felt og etiketter. Nå skal vi se på de mest nyttige attributtene som gjør input-feltene mer hjelpsomme og brukervennlige.
Vanlige input-attributter
Placeholder
Viser hjelpetekst inne i feltet.
<input type="text" placeholder="Enter your email" />
Navn
Identifiserer feltet når skjemaet sendes inn.
<input type="text" name="username" />
Verdi
Angir en standardverdi i feltet.
<input type="tel" value="+1 (484) 298-9732" />
Obligatorisk
Forhindrer innsending av skjemaet hvis feltet er tomt.
<input type="password" required />
Deaktivert
Gjør feltet uredigerbart og ikke-interaktivt.
<input type="text" value="New York" disabled />
Kun lesbar
Viser en verdi som brukere kan kopiere, men ikke endre.
<input type="text" value="USA" readonly />
Min og Maks
Angir grenser for numeriske inndata.
<input type="number" min="21" max="99" />
index.html
1. Hvilket attributt gir et hint eller eksempeltekst i et inndatafelt, og veileder brukeren om hvilken type inndata som forventes?
2. Hvilket attributt angir navnet på inndatafeltet, som brukes til å identifisere inndata når skjemaet sendes inn?
3. Hvilket attributt forhindrer innsending av skjemaet hvis det obligatoriske feltet er tomt?
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 1. Kapittel 21
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Seksjon 1. Kapittel 21