caixas de entrada podem variar em largura em HTML ( Hypertext Markup Language), ou variar de tamanho em seu CSS ( Cascading Style Sheet) . Assim, limites de caracteres são bastante fáceis de definir e alterar . Basicamente, caixas de entrada são limitadas apenas pelo tamanho do projeto , configuração e estrutura da página Web em si . As barras de deslocamento , também podem ser adicionados o que aumenta ainda mais a flexibilidade da capacidade de caixa de entrada . Estilo CSS Folha e navegador padrão larguras

A maioria dos navegadores definir a largura padrão máximo de caixas de entrada de cerca de 20 caracteres de texto que podem ser inseridos e visualizados a qualquer momento . Usando CSS , você pode alterar a largura padrão das caixas de entrada usando o "estilo width" formatação elemento. Isso não seria uma medida exata , no entanto, porque a largura de cada personagem varia de letra a letra ou o número de série (a menos que você declare uma fonte mono -espaço para que a caixa de entrada específica). Por exemplo, a largura de um número "8" pode ser muito diferente do que a largura de um número "1", de acordo com a fonte especificada .
Definir a largura da folha de estilo

para definir a largura de uma caixa de entrada para o documento HTML no CSS para uma caixa de dois caracteres no máximo estado código de entrada , tipo - # stateCode {width: 2 em} - no arquivo CSS. Isso não limita o número de caracteres permitidos , mas apenas limita o número aproximado de caracteres que podem ser vistos ao mesmo tempo na caixa de texto especificado
Definir o atributo de tamanho no HTML.
arquivo

no seu arquivo HTML, você pode aplicar o atributo de tamanho para o elemento de entrada como em: . Para exibir uma caixa de entrada para o texto digitado em um campo utilizado para introduzir um código postal, você deverá digitar: . Este código define a largura da caixa de entrada para o campo de código postal para cerca de sete caracteres. O tamanho máximo é definido para sete , e não cinco ( existem cinco números em um código postal padrão ) para deixar espaço para mais amplo do que personagens média e por permitir que as margens de dentro da caixa de texto, geralmente um personagem ou dois mais amplo, para facilitar a leitura .

HTML Tamanho atributo de código

Aplicar o atributo de tamanho para o elemento de entrada não ajuda com a formatação de seus campos de entrada , alinhando -los e defini-los de forma mais clara , e as especificações do projeto de encontro para sua forma. Mas ele realmente não se limitar o número de caracteres permitidos para ser digitado na caixa de texto de entrada. Ele realmente define o limite de ( aproximadamente) quantos caracteres podem ser visualizados em que a caixa de entrada. Se mais do que o número máximo de caracteres é inserido , o texto só se move esquerda e exibe apenas os últimos personagens que foram digitados. Os primeiros personagens ainda estão lá, mas não é visível - a menos que a chave de seta para a esquerda é usada para exibi-los , caso em que , os últimos caracteres não serão exibidos
definição do número máximo de caracteres permitidos .

para definir o número máximo de caracteres permitidos para ser inserido em uma caixa de entrada no seu arquivo HTML, escrever seu código HTML usando a seguinte sintaxe : < input type = " text" maxlength = " chars "/> . Por exemplo, para definir o número máximo de caracteres permitidos na caixa de entrada de 11 caracteres , digite o código HTML da seguinte forma: . Com esse código , juntamente com o estilo de largura (CSS) ou atributos de tamanho (HTML) irá percorrer um longo caminho para ajudar a criar um formulário bem projetado e funcional, que lhe permite controlar os personagens e largura de suas caixas de entrada máximos. < Br >