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

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

Запоминание введенных данных в элементах формы

Создание и оформление кнопок плюс и минус для поля <input>

Стилизация переключателей radio с использованием иконочных шрифтов или картинок

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

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