Данный плагин имеет малый размер (1 кб.) и может использоваться в адаптивном дизайне.

Подключение:

Подключаем скрипт плагина jquery.auto-grow-input.js или jquery.auto-grow-input.min.js и назначаем для любого поля ввода текста:

Настройки по умолчанию:
maxWidth500Максимальная ширина поля ввода. Это значение должно быть целым числом или функцией, которая возвращает целое число.
minWidth20Минимальная ширина поля ввода.
comfortZone0Дополнительный пробел после последнего символа в поле ввода. По умолчанию используется ширина одного символа.
Пример:

Плагин может запускаться вручную со следующим событием (полезно в адаптивном дизайне, когда на поле ввода влияет изменение размера экрана):

Адаптивный вариант будет выглядеть так:

Результат:

Дополнительную информацию можно найти на страничке автора

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

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