Ранее уже была заметка для автоматического изменения поле ввода input. Данный скрипт делает тоже самое, только для текстовой области textarea.

Установка:

Добавляем на сайт скрипт Autosize

И подключаем к textarea:

NodeList

autosize(document.querySelectorAll('textarea'));

single Node

autosize(document.querySelector('textarea'));

jQuery

autosize($('textarea'));

Пример:

Для того чтобы ограничить максимальную высоту текстовой области используется css-свойство max-height

Autosize.js на github.com

Смотрите также:

Простой плагин для jQuery, который изменяет размер текстового поля в зависимости от кол-ва текста.

Настройка, события, методы, вывод данных и классы ползунка диапазонов jQuery UI Slider

Замена атрибута placeholder тегом label и последующая манипуляция им

Добавить комментарий:

Ваш комментарий отправлен!