0

такой вопрос, как сделать, чтобы при вводе или выводе текста при помощи input или чего-либо еще:


  1. Зафиксировать ширину инпута (это я сделал);
  2. Высоту сделать динамической, чтобы она увеличивалась в зависимости от размера?

Вот у меня к примеру есть input.

<input type="text" class ="tcal" size="60" name ="CheckSC" value="$CheckSC"/>

Читал про textarea, но там высоту надо заранее задавать количество строк, но количество строк заранее неизвестно.

Спасибо за внимание=)

2

3 ответа 3

0

Можно использовать div

<div contenteditable="true">test</div>

4
  • Вот, я читал об этом, но нигде не нашел, как отправить форму из редактируемого дива?
    – findley
    28 ноя 2019 в 12:19
  • @findley Сейчас дополню
    – user358293
    28 ноя 2019 в 12:25
  • Так легко не выёдет - он же для форматированного текста.
    – Qwertiy
    28 ноя 2019 в 12:45
  • ru.stackoverflow.com/a/454198/178988
    – Qwertiy
    28 ноя 2019 в 12:45
0

Для моих целей подойдет один из методов, располагающийся по ссылке https://stackoverflow.com/questions/17772260/textarea-auto-height. Решил его вынести сюда, т.к. в русской версии stackoverflow, подобного я не нашел, думаю это поможет кому-либо еще=)

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>
0

Писать в несколько строк в input нельзя, поэтому можно только динамически менять ширину input следующим образом <input type="text" onkeydown="this.style.width = ((this.value.length + 1) * 8) + 'px';">

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.