La mayoría de los navegadores establecen el ancho predeterminado de las casillas de entrada de aproximadamente 20 caracteres de texto que se pueden introducir y consultar en cualquier momento . El uso de CSS , puede cambiar el ancho predeterminado de las casillas de entrada utilizando el "estilo " width elemento de formato. Esto no sería una medida exacta , sin embargo , debido a que el ancho de cada carácter varía de letra a letra o número de serie (a menos que se declara una fuente mono -espacio para que el cuadro de entrada específica). Por ejemplo , el ancho de un número " 8 " puede ser muy diferente de la anchura de un número " 1 ", dependiendo de la fuente especificada .
Establecer el ancho de la hoja de estilos
para ajustar el ancho de un campo de entrada para el documento HTML en el CSS de dos caracteres máximo estado de código de entrada , escriba - # stateCode {width : 2 em } - en el archivo CSS. Esto no limita el número de caracteres permitidos , sino que sólo limita el número aproximado de caracteres que se pueden ver al mismo tiempo en el cuadro de texto especificado
Configuración del tamaño de atributos en el código HTML . archivo
en el archivo HTML , se puede aplicar el atributo de tamaño de elemento de entrada como en: . Para mostrar un cuadro de entrada de texto introducido en un campo que se utiliza para introducir un código postal , escribiría : . Este código establece el ancho del cuadro de entrada para el campo de código postal de aproximadamente siete caracteres. El tamaño máximo se establece en siete y no cinco ( hay cinco números en un código postal standard) para dejar espacio para los caracteres más amplio que la media y por permitir que los márgenes en el cuadro de texto , por lo general un personaje o dos más amplios , para facilitar la lectura.
HTML tamaño atributo Código
Aplicar el atributo de tamaño para el elemento de entrada no ayuda a dar formato a los campos de entrada , alineándolos y definir con mayor claridad , y el cumplimiento de las especificaciones de diseño para su formulario. Pero en realidad no se limita el número de caracteres permitidos para ser introducido en el cuadro de texto de entrada. En realidad, se establece el límite de (aproximadamente ) el número de caracteres se puede ver en la caja de entrada. Si se especifica más que el número máximo de caracteres , el texto sólo se mueve hacia la izquierda y muestra sólo los últimos personajes que se han escrito . Los primeros personajes todavía están allí, pero no es visible - a menos que se utilice la tecla de flecha izquierda para mostrarlos, en cuyo caso , no se mostrarán los últimos caracteres
ajuste máximo número permitido de caracteres .
para establecer la cantidad máxima de caracteres permitidos que se introducirán en un cuadro de entrada en el archivo HTML, escriba el código HTML con la siguiente sintaxis : < input type = maxlength "text " = " chars "/> . Por ejemplo, para establecer el número máximo de caracteres permitidos en el cuadro de entrada de 11 caracteres , escriba el código HTML siguiente : . El uso de este código , junto con el estilo ancho (CSS ) o atributos de tamaño (HTML ) que recorrer un largo camino para ayudar a crear un formulario bien diseñado y funcional, que le permite controlar los personajes y ancho máximos de los campos de entrada .