Input bokse kan variere i bredden i HTML ( Hypertext Markup Language ) eller varierer i størrelse i CSS (Cascading Style Sheet ) . Så tegnbegrænsninger er forholdsvis nemme at indstille og ændre . Dybest set, er input bokse kun begrænset af størrelsen af design, opsætning og rammerne af websiden selv. Rullepaneler kan også tilføjes hvilket yderligere øger fleksibiliteten i indtastningsfeltet kapacitet. CSS Style Sheet og browser Standard bredder
fleste browsere indstille den maksimale standard bredde input bokse på cirka 20 tegn i tekst, der kan indtastes og vises på én gang . Ved hjælp af CSS kan du ændre standard bredden af input bokse ved hjælp af " width style" formateringselement . Dette ville ikke være en eksakt foranstaltning , men fordi bredden af hver karakter varierer fra bogstav til bogstav eller tal til nummer (medmindre du erklære en mono -space font for den specifikke input boks). For eksempel kan bredden af en række "8" være meget anderledes end bredden af et antal "1 ", afhængigt af den angivne skrifttype. Indstilling af bredde i Style Sheet
For at indstille bredden på en input boks til din HTML-dokument i CSS for en to - tegn maksimal stat kode indtastningsfeltet , type - # stateCode { bredde: 2 em } - i CSS-fil . Dette begrænser ikke antallet af tilladte tegn, det begrænser kun omtrentlige antal tegn , der kan ses på én gang i den angivne tekstfelt Indstilling af størrelse attribut i HTML. File
i din HTML-fil , kan du anvende størrelsen attribut til input element som i: . For at vise en tekstboks til tekst indtastes i et felt, der bruges til indtastning af et postnummer , skal du indtaste: . Denne kode angiver bredden af input feltet for postnummer felt til cirka syv tegn. Den maksimale størrelse er sat til syv og ikke fem ( der er fem tal i en standard postnummer) for at give plads for en bredere end gennemsnittet tegn, og for at tillade marginer i tekstfeltet , som regel et tegn eller to bredere , for lettere læsbarhed . < br > HTML size attribut Code
Anvendelse af størrelsen attribut for input element gør hjælp til formatering dine input felter , tilpasse dem og definere dem mere klart , og møde design specifikationer for din formular . Men det betyder ikke rigtig begrænse antallet af tegn, der må indtastes i input tekstfeltet. Det faktisk sætter grænsen for (ca. ) hvor mange tegn kan ses i denne indtastningsfeltet . Hvis mere end det maksimale antal tegn er indtastet , så teksten bare bevæger sig til venstre og viser kun de sidste tegn, der blev indtastet . De første tegn er der stadig, men ikke synlige - medmindre venstre piletast bruges til at vise dem , i hvilket tilfælde vil de sidste tegn ikke blive vist Indstilling maksimale antal tilladte tegn .
For at indstille det maksimale antal tegn , der må indgås en tekstboks i din HTML-fil , skrive din HTML-kode ved hjælp af følgende syntaks: < input type = " text" MAXLENGTH = " chars " /> . For eksempel , for at angive det maksimale antal tilladte tegn i indtastningsfeltet på 11 tegn skriv din HTML-kode som følger: . Ved hjælp af denne kode sammen med bredden stil (CSS) eller størrelse attributter (HTML ), vil gå langt i at hjælpe til at skabe en veltilrettelagt og funktionel form , så du kan styre de maksimale tegn og bredden af dit input bokse . < Br >