Header Ads Widget

Ticker

6/recent/ticker-posts

Expansión automática de entrada y área de texto según la longitud del texto

 Todos tenemos curiosidad sobre cómo expandir automáticamente la entrada y el área de texto en función de la longitud del texto . Por defecto, tanto el elemento de formulario Textarea crece automáticamente como el cuadro de entrada expande la funcionalidad no está disponible. 

Por otro lado, no hay CSS y HTML simples disponibles para expandir automáticamente la altura de entrada en función de la longitud del texto.

}

Altura de entrada de expansión automática

  • Uso de elemento HTML en línea  <span>con atributo de rol y  contenteditable  atributo y CSS.
  • Usando JavaScript, tomamos el valor de entrada y lo configuramos en el intervalo oculto y aumentamos el ancho según sea necesario.

Código fuente de la altura de entrada de expansión automática basada en la longitud del texto

Aquí el código fuente en vivo de la altura de entrada de expansión automática basada en la longitud del texto,

https://static.codepen.io/assets/embed/ei.js

Redimensionar automáticamente el área de texto

  • Verificamos el número de saltos de línea y lo configuramos de acuerdo con él y también usamos  <span>con atributo de rol y  contenteditable  atributo y CSS.
  • Con JavaScript también para textarea auto grow.

Código fuente de Auto Resize Textarea para adaptarse al contenido

Aquí el código fuente en vivo de Auto Resize Textarea to Fit Content,

Creo que a todos ustedes les va bien con otros métodos. Úselo y deje un comentario a continuación para obtener más información.

Aquí está el código fuente completo con vista en vivo para la entrada de expansión automática y Textarea basado en la funcionalidad de longitud de texto .

Publicar un comentario

0 Comentarios