Форум программистов
 
О проблемах, например, с регистрацией пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль.

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Ответ
 
Опции темы
Старый 28.11.2019, 14:41   #1
volni
Форумчанин
 
Регистрация: 16.03.2019
Сообщений: 172
По умолчанию Динамический размер input

Здравствуйте, такой вопрос, как сделать, что при вводе или выводе текста зафиксировать ширину инпута, а высоту сделать динамической, чтобы она увеличивалась в зависимости от размера?
Вот у меня к примеру есть input.
Код:
<input type="text" class ="tcal" size="60" name ="CheckSC" value="$CheckSC"/>
Читал про textarea, но там высоту надо заранее задавать.

Спасибо за внимание=)
volni вне форума Ответить с цитированием
Старый 28.11.2019, 15:50   #2
volni
Форумчанин
 
Регистрация: 16.03.2019
Сообщений: 172
По умолчанию

Код:
function auto_grow(element) {
element.style.height = "5px";
element.style.height = (element.scrollHeight)+"px";
}

textarea {
resize: none;
overflow: hidden;
min-height: 50px;
max-height: 100px;
}

<textarea oninput="auto_grow(this)"></textarea>
volni вне форума Ответить с цитированием
Ответ

Здесь нужно купить рекламу за 20 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru
Без учёта ботов - 20000 человек в день, 350000 в месяц.

Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Передача данных из input в input Шико Первый PHP 10 26.10.2018 07:32
макрос, который в книге из 30 листов трансформирует графики (по 5 идентичных на каждом листе). Меняет их размер, местоположение, размер шрифтов на 7 листе не работает zot315 Microsoft Office Excel 6 29.07.2016 14:54
Размер символьной переменной и размер указателя на символьную переменную MrQuestion Помощь студентам 1 29.08.2015 20:52
QFrame c QLabel минимальный размер + размер по содержимому Krasiosoft Qt и кроссплатформенное программирование С/С++ 1 29.06.2015 04:44
Динамический массив - или всё таки не динамический? vedro-compota Общие вопросы C/C++ 30 10.12.2010 23:22


Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru
Пеллетный котёл Emtas
котлы EMTAS
Здесь нужно купить рекламу за 7 тыс руб в месяц! )
пишите сюда - alarforum@yandex.ru
ИКС 840