Skapa textinmatningsfält i HTML

Grundläggande textinmatning

Använd elementet <input> med attributet type inställt på "text" för att skapa en standard textruta med en rad.

 
<input type="text" name="användarnamn">

namn: Tilldelar ett namn till inmatningsfältet som används när du skickar formulärdata.
värde: Anger det ursprungliga innehållet i textrutan.
platshållare: Ger en ledtråd till användaren om den förväntade inmatningen.
maxlängd: Begränsar det maximala antalet tecken som kan anges.
skrivskyddad: Gör inmatningsfältet oredigerbart av användaren, men dess värde skickas fortfarande.
avaktiverad: Inaktiverar inmatningsfältet, vilket gör det oklickbart och oredigerbart, och dess värde skickas inte in.

För flerradsinmatning använder du elementet <textarea>.

 
<textarea name="description" rows="4" cols="50"></textarea>

rader: Anger antalet synliga rader i textområdet.
cols: Anger den synliga bredden på textområdet i genomsnittliga teckenbredder.

Attribut/element	Syfte	Användarinteraktion	Datainlämning
`input type="text"`	En rad textinmatning	Redigerbar	Skickat med `namn`
`textområde`	Textinmatning på flera rader	Redigerbar	Skickat med `namn`
`indata skrivskyddad`	En rad, förifylld text	Ej redigerbar	Skickat med `namn`
`ingång avaktiverad`	En rad, inaktiv text	Ej redigerbar, ej valbar	Inte skickat