inmatningsrutor kan variera i bredd i HTML ( Hypertext Markup Language ) , eller varierar i storlek i CSS ( Cascading Style Sheet ) . Så teckenbegränsningar är ganska lätt att ställa in och ändra . I grunden är indatarutor endast begränsas av storleken på konstruktionen , installationen och ram på webbsidan själv . Rullningslister kan också läggas som ytterligare ökar flexibiliteten i inmatningsrutan kapacitet . CSS Style Sheet och Browser Bredder Standard
flesta webbläsare ställa in högsta standard bredd inmatningsrutor vid ca 20 tecken text som kan matas in och visas vid ett och samma tillfälle . Använda CSS , kan du ändra den förvalda bredden på rutorna med hjälp av " width stil " formatering inslag . Detta skulle inte vara ett exakt mått , men eftersom bredden på varje tecken varierar från bokstav till bokstav eller siffra till nummer ( om du deklarerar en mono - space typsnitt för just rutan ) . Exempelvis kan bredden av ett antal " 8 " vara mycket annorlunda än bredden av ett antal " 1 ", beroende på det angivna teckensnittet . Inställning av Bredd i den Style Sheet
att ställa in bredden på en inmatningsruta för ditt HTML-dokument i CSS för en två - tecken maximal stat kod inmatningsrutan , typ - # stateCode { width : 2 em } - i CSS -filen . Detta begränsar inte antalet tillåtna tecken , det enda som begränsar det ungefärliga antalet tecken som kan visas på en gång i den angivna textrutan Addera ditt fastställa storleken attribut i HTML . Arkiv
din HTML-fil , kan du ansöka storleken attributet till ingången elementet som i : . Om du vill visa en inmatningsruta för text i ett fält som används för att mata in ett postnummer , skulle du skriva : . Den här koden ställer in bredden på rutan för postnummer fältet till cirka sju tecken . Den maximala storleken är satt till sju och inte fem ( det finns fem nummer i en vanlig zip code ) för att lämna utrymme för bredare än genomsnittet tecken och för att tillåta marginaler i textrutan , vanligtvis ett tecken eller två bredare , för bättre läsbarhet .
HTML storlek Attribut Code
Tillämpa storlek attributet för input elementet hjälper med att formatera dina inmatningsfält , anpassa dem och definiera dem tydligare , och som uppfyller specifikationerna för formuläret . Men det begränsar inte riktigt antalet tecken som får skrivas in i ingången textrutan . Det sätter verkligen gränsen för ( ungefär ) hur många tecken kan ses i den rutan . Om fler än det maximala antalet tecken skrivs in , då texten rör sig bara åt vänster och visar endast de sista tecken som har skrivits . De första tecknen finns kvar , men den syns inte - om inte vänster piltangent används för att visa dem , i vilket fall kommer de sista tecknen inte visas Inställning Maximalt antal tillåtna tecken .
vill ange maximalt antal tecken som får skrivas in i en inmatningsruta i din HTML-fil , skriva din HTML- kod med hjälp av följande syntax : < input type = " text " MaxLength = " tecken " /> . Till exempel , för att ställa in max antal tillåtna tecken i inmatningsrutan på 11 tecken , skriver du HTML-koden som följer: . Med denna kod tillsammans med bredden stil ( CSS ) eller attribut format ( HTML ) kommer att gå en lång väg för att hjälpa till att skapa en väl utformad och funktionell form , så att du kan styra den maximala karaktärer och bredd inmatningsrutor . Addera ditt
