Cómo establecer el número de caracteres en una barra de entrada con CSS

Puede limitar el número de caracteres que alguien pueda escribir en la barra de entrada de un formulario web, o en la caja de texto, utilizando el "maxlength" atributo de la etiqueta HTML <input>. Puede especificar el ancho visual de la caja de texto con hojas CSS o Cascading Style. Por sí mismo, CSS no puede limitar el número de caracteres de entrada a un cuadro de texto. La combinación de HTML y CSS puede crear una barra de formulario de entrada con un ancho de aproximadamente el mismo tamaño que su longitud máxima de entrada.

Instrucciones

1 Abra el archivo HTML, editor de la página web u otro lugar donde se encuentra el código HTML del formulario.

2 Agregue el siguiente atributo dentro de la etiqueta <input> de la barra de entrada correspondiente:

style = "width: 40px;"

Cambiar "40" para el ancho de la barra de entrada preferido, en píxeles. La etiqueta final <input> debe ser similar a:

<Input type = estilo "texto" = "width: 40px;" />

3 Añadir lo siguiente dentro de la etiqueta <input> para configurar una entrada máxima de caracteres:

maxlength = "40"

Cambiar "40" para el número máximo de caracteres que desea permitir en el campo. Su etiqueta <input> ahora debe ser similar a:

<Input type = estilo "texto" = "width: 40px;" maxlength = "40" />

4 Guarde los cambios.