Tecnología

Inicio

El límite de caracteres de los cuadros de entrada en HTML

El límite de caracteres de los cuadros de entrada en HTML


Los cuadros de entrada pueden variar en anchura en HTML (Hypertext Markup Language), o variar en tamaño en su CSS (Cascading Style Sheet). Así límite de caracteres son bastante fáciles de instalar y cambiar. Básicamente, las cajas de entrada sólo están limitadas por el tamaño del diseño, la instalación y el marco de la propia página Web. Las barras de desplazamiento también se pueden añadir lo que aumenta aún más la flexibilidad de la capacidad de la caja de entrada.

Hoja de estilos CSS y el navegador por defecto Anchos

La mayoría de los navegadores establecen el ancho máximo predeterminado de cuadros de entrada en aproximadamente 20 caracteres de texto que se pueden introducir y consultar en cualquier momento. El uso de CSS, se puede cambiar el ancho predeterminado de los cuadros de entrada utilizando el elemento de formato "estilo de ancho". 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 a la anchura de un número "1", dependiendo de la fuente especificada.

Si el ancho de la hoja de estilos

Para ajustar el ancho de un cuadro de entrada para el documento HTML en el CSS para una caja de entrada de código de estado máximo de dos caracteres, tipo - #stateCode {width: 2 em} - en el archivo CSS. Esto no limita el número de caracteres permitidos; que sólo limita el número aproximado de caracteres que se pueden visualizar en un momento en el cuadro de texto especificado.

Ajuste del atributo Tamaño del archivo HTML

En su archivo HTML, se puede aplicar el atributo de tamaño para el elemento de entrada como en: <input type = "text" size = "caracteres" />. Para mostrar un cuadro de entrada de texto introducido en un campo que se utiliza para introducir un código postal, debería escribir: <input type = "text" id = "Código postal" name = tamaño "Código postal" = "7" />. Este código establece el ancho de la caja 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 estándar) para dejar espacio para más ancha que la media personajes y por permitir márgenes dentro del cuadro de texto, por lo general una o dos caracteres más amplios, para facilitar la lectura más fácil.

HTML Código de calibre Atributo

Aplicando el atributo de tamaño para el elemento de entrada ayuda de verdad 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 el 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 introduce más que el número máximo de caracteres, a continuación, el texto simplemente se mueve a izquierda y muestra sólo los últimos caracteres que se han escrito. Los primeros caracteres no son todavía allí, pero visible - a menos que la tecla de flecha izquierda se utiliza para mostrar ellos, en cuyo caso, no se mostrarán los últimos caracteres.

Ajuste de número máximo de caracteres permitidos

Para establecer el número máximo de caracteres permitidos para ser incorporados a un cuadro de entrada en el archivo HTML, escribir el código HTML utilizando la siguiente sintaxis: <input type = "text" maxlength = "caracteres" />. Por ejemplo, para establecer el número máximo de caracteres permitidos en el cuadro de entrada a los 11 caracteres, escriba el código HTML de la siguiente manera: <input type = "text" maxlength = "11" />. El uso de este código junto con el estilo de anchura (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 el máximo de caracteres y ancho de sus cuadros de entrada.