Input boxen kan variëren in breedte in HTML ( Hypertext Markup Language ) , of variëren in grootte in de CSS ( Cascading Style Sheet ) . Dus tekenlimieten zijn vrij eenvoudig in te stellen en te wijzigen . In principe zijn invoervelden alleen beperkt door de grootte van het ontwerp, de installatie en het kader van de webpagina zelf . Schuifbalken worden toegevoegd die verder verhoogt de flexibiliteit van het invoerveld capaciteit . CSS Style Sheet en Browser Default Breedtes
meeste browsers de maximale standaardbreedte van invoervelden op ongeveer 20 tekens van de tekst die kan worden ingevoerd en bekeken op een bepaald moment . Met behulp van CSS , kunt u de standaard breedte van de invoervelden met de " breedte style " opmaakelement veranderen . Dit zou een exacte maatregel niet , echter, omdat de breedte van elk karakter varieert van letter naar letter of nummer naar nummer ( tenzij u verklaren een mono - ruimte lettertype voor die specifieke invoerveld ) . Bijvoorbeeld , kan de breedte van een aantal " 8 " heel anders zijn dan de breedte van een aantal " 1 , " afhankelijk van het lettertype aangegeven . Het instellen van de breedte van de Style Sheet
Om de breedte van een invoerveld voor uw HTML-document in de CSS voor een twee - tekens maximale stand -code invoeren , typ set - # stateCode {width : 2 em } - in het CSS-bestand . Dit neemt het aantal toegestane tekens niet beperken , maar alleen beperkt het aantal tekens dat in een keer kan worden bekeken in het opgegeven tekstvak benadering Instellen van de Grootte Attribute in de HTML . file
in uw HTML-bestand , kunt u het kenmerk omvang van toepassing op de inbreng element als in : . Om een invoerveld voor tekst in een veld wordt gebruikt voor het invoeren van een postcode ingevoerd worden weergegeven , typt u: . Deze code stelt de breedte van het invoerveld voor het code veld rits tot ongeveer zeven tekens . De maximale grootte is ingesteld op zeven en niet vijf ( er zijn vijf nummers in een standaard zip code ) om ruimte te laten voor het breder dan gemiddeld tekens en voor het toestaan van de marges in het tekstvak , meestal een teken of twee breder , voor de leesbaarheid . < br > HTML grootte kenmerk Code
Toepassing van het attribuut grootte voor de ingang element helpt wel bij het formatteren van uw invoervelden , uitlijnen hen en ze te definiëren duidelijker , en voldoen aan specificaties van het ontwerp voor uw formulier . Maar het niet echt beperken het aantal tekens in het tekstvak ingang worden ingevoerd . Het zet eigenlijk de limiet van (ongeveer) hoeveel tekens kunnen worden bekeken in dat invoerveld . Als er meer dan het maximale aantal tekens is ingevoerd , dan is de tekst beweegt gewoon links en geeft alleen de laatste tekens die werden getypt . De eerste tekens zijn er nog steeds , maar niet zichtbaar is - tenzij de linker pijltjestoets wordt gebruikt om ze weer te geven , in welk geval , de laatste tekens wordt niet getoond Instelling maximum aantal toegestane tekens .
Om het maximale aantal toegestane tekens in een invoerveld in uw HTML-bestand worden ingevoerd ingesteld , schrijf uw HTML -code met de volgende syntaxis : < input type = " text " maxlength = " chars " /> . Bijvoorbeeld , om het maximale aantal toegestane tekens in het invoerveld bij 11 tekens ingesteld , typt u uw HTML -code als volgt : . Met behulp van deze code samen met de breedte stijl ( CSS ) of grootte attributen ( HTML ) zal een lange weg te gaan in het helpen om een goed ontworpen en functionele vorm te creëren , zodat u de maximale personages en breedte van de invoervelden te controleren . < Br >
