Utforska Olika Inmatningstyper i HTML
Svep för att visa menyn
HTML tillhandahåller många <input>-typer som gör det möjligt att samla in olika typer av användardata. Nedan följer en översikt över de vanligaste typerna.
E-post och lösenord
type="email": accepterar e-postadresser och utför grundläggande validering i webbläsaren;type="password": döljer de inmatade tecknen för säkerhet och kan användaminlengthochmaxlength.
index.html
Nummer
type="number": accepterar numeriska värden. Använd min, max och step för att kontrollera det tillåtna intervallet.
index.html
Telefon
type="tel": för telefonnummer. Ingen inbyggd validering. Utvecklare validerar det manuellt.
index.html
Kryssruta
type="checkbox": möjliggör val av flera alternativ. Använd checked för att förvälja.
index.html
Radioknapp
type="radio": väljer ett alternativ från en grupp. Alla radioknappar måste ha samma name.
index.html
Reglerbar skjutreglage
type="range": ett skjutreglage för att välja ett tal inom ett intervall. JavaScript-logik utelämnas i denna kurs.
index.html
index.js
JavaScript-logik utelämnas i denna kurs.
Datum och tid
type="date": kalender-väljare;type="time": tidsväljare;type="datetime-local": kombinerar tid- och datumfält.
index.html
För enhetlig design använder utvecklare ofta färdiga UI-bibliotek istället för webbläsarens standardval.
Du kanske har märkt att när du försöker fylla i vissa fält kan webbläsaren redan föreslå några autofyllningsalternativ. Webbläsaren kommer ihåg de värden du har angett i fälten och föreslår dem sedan för automatisk ifyllnad.
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
