Ранее уже была заметка для автоматического изменения поле ввода 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

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

Очень простой метод запрета отправки формы пока не установлена галочка checkbox

Создание формы обратной связи с валидацией, оформлением, отправкой данных на почту и в телеграм

Два варианта рейтинга со звездочками по 5-ти и 10-ти бальной шкале

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

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