Invoervakken kunnen variëren in breedte in HTML (Hypertext Markup Language) en variëren in grootte in de CSS (Cascading Style Sheet). Tekenlimieten zijn dus vrij eenvoudig instellen en wijzigen. Kortom, invoervakken worden slechts beperkt door de grootte van het ontwerp, de installatie en de kader van de webpagina zelf. Schuifbalken kunnen ook worden toegevoegd die verder verhoogt de flexibiliteit van de capaciteit van het invoervak.
CSS-stijlpagina en Browser standaard breedtes
De meeste browsers wordt de maximale standaardbreedte van invoervakken vastgesteldop door ongeveer 20 tekens van de tekst die kan worden ingevoerd en bekeken op een bepaald moment. Met behulp van CSS, kunt u de standaardbreedte van de invoervakken met behulp van de "breedte opmaak" element. Dit zou niet een exacte maatregel, maar omdat de breedte van elk teken varieert van letter naar letter of nummer te cijfer (tenzij u een mono-ruimte lettertype voor dat specifieke invoervak verklaren). Bijvoorbeeld, kunnen de breedte van een nummer "8" heel anders dan de breedte van een aantal "1" afhankelijk van het lettertype opgegeven.
De breedte instellen in het opmaakmodel
Opdracht stelt u de breedte van een invoervak voor uw HTML-document in de CSS-regels voor het invoervak van een twee-teken hoogste status code--#stateCode {breedte: 2 em}--in het CSS-bestand. Dit beperkt niet het aantal tekens dat is toegestaan; alleen beperkt het benaderende aantal tekens dat kan worden bekeken op een bepaald moment in het opgegeven tekstvak.
Instellen van het kenmerk Size in het HTML-bestand
In uw HTML-bestand, kunt u het kenmerk size toepassen op het element input als in:. Als u wilt weergeven een invoervak voor tekst die wordt ingevoerd in een veld dat wordt gebruikt voor het invoeren van een postcode, zou u het volgende typen:. Deze code wordt de breedte van het invoervak voor het postcode-veld ingesteld op ongeveer zeven tekens. De maximale grootte is ingesteld op zeven en niet vijf (er zijn vijf nummers in een standaard postcode) om ruimte voor breder dan gemiddelde tekens en voor het toestaan van de marges in het tekstvak, meestal een karakter of twee breder, voor eenvoudiger leesbaarheid te laten.
De grootte van het HTML-kenmerk Code
Toepassing van het size attribuut van het element input helpt met uw invoervelden opmaak, uitlijnen hen en hen duidelijker te definiëren en voldoen aan de specificaties van het ontwerp voor uw formulier. Maar het niet echt beperkt het aantal tekens kunnen worden ingevoerd in het vak tekst invoeren. Eigenlijk wordt de limiet van (ongeveer) hoeveel tekens kunnen worden weergegeven in dit invoervak. Als meer dan het maximale aantal tekens is ingevoerd, dan de tekst gewoon verplaatst verliet en alleen de laatste tekens die zijn getypt worden weergegeven. De eerste tekens zijn er nog steeds, maar niet zichtbaar--tenzij de linker pijltoets wordt gebruikt om weer te geven, in welk geval de laatste tekens worden niet weergegeven.
Maximum aantal toegestane tekens instellen
Als u wilt instellen van het maximum aantal tekens kunnen worden ingevoerd in een invoervak in uw HTML-bestand, schrijf uw HTML-code met de volgende syntaxis:. Bijvoorbeeld voor het instellen van het maximum aantal toegestane tekens in het invoervak op 11 tekens, typt u uw HTML-code als volgt:. Met behulp van deze code samen met de breedte style (CSS) of formaatkenmerken (HTML) zal een lange weg te gaan bij het maken van een goed ontworpen en functionele vorm, zodat u het maximale aantal tekens en de breedte van uw invoervakken.