Cómo establecer la cantidad de caracteres en una barra de entrada con CSS

Escrito por marina martin | Traducido por analia moranchel
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo establecer la cantidad de caracteres en una barra de entrada con CSS
CSS define el ancho visual de una barra de entrada, no el máximo de caracteres. (Comstock/Comstock/Getty Images)

Puedes limitar el número de caracteres que alguien puede escribir en la barra de entrada de un formulario web o cuadro de texto con el atributo "maxlength" de la etiqueta de HTML <input>. Puedes especificar el ancho visual de la caja de texto con CSS o Cascading Style Sheets ("hojas de estilo en cascada"). Por sí mismo, CSS no puede limitar el número de caracteres de entrada a un cuadro de texto. Combina HTML y CSS para poder crear una barra de entrada de formulario con un ancho de aproximadamente el mismo tamaño que su longitud máxima de entrada.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre el archivo HTML, el editor de páginas web u otro lugar donde se encuentre el código HTML de tu formulario.

  2. 2

    Agrega el siguiente atributo en la etiqueta <input> para la barra de entrada apropiada:

    style="width:40px;"

    Cambia "40" por el ancho de entrada de barra que prefieras, en píxeles. Tu etiqueta <input> final debería verse parecido a esto:

    <input type="text" style="width:40px;" />

  3. 3

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

    maxlength="40"

    Cambia "40" al número máximo de caracteres que desees permitir en el campo. Tu etiqueta <input> ahora debería verse así:

    <input type="text" style="width:40px;" maxlength="40" />

  4. 4

    Guarda los cambios.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles