Как сделать перенос строк для длинного поля Input?

Question

[alexflow]

Добрый день!

Помогите пожалуйста!
Нужно сверстать бухгалтерский документ с возможностью его заполнения в браузере. Намучался с input. Никак не сделать перенос на новую строку. Пробовал решение autosize-input, текст смещается только на первой строке, начиная со второй строки далее текст печатается до бесконечности в 1 строку. Как сделать, чтобы он и далее переносился в конце каждой строки?
Прикрепляю скрин. Надеюсь на Вашу помощь)
Благодарю!

Answer 1

[Никита Егоров]

textarea, тогда уж, а не input

https://jsfiddle.net/Svupol/e87m1nw5/3/

Comments

[alexflow]

Друзья, не совсем понял, как сделать, чтобы при заполнении placeholder ширина textarea растягивалась автоматически и при этом в конце каждой строки перестраивалась на новую? Гляньте код пожалуйста.
https://jsfiddle.net/yr63uc84/15/

[Никита Егоров]

alexflow, автоматически сделать это не получится. Если только js не использовать.

А так можете просто через css указать ему фиксированную ширину - https://jsfiddle.net/Svupol/yr63uc84/18/

Или через cols - https://jsfiddle.net/Svupol/yr63uc84/19/

[alexflow]

Никита Егоров, задача как раз таки в том, чтобы автоматически текст перестраивался) а на js сложно это реализовать?

[Никита Егоров]

alexflow, вопрос был изначально в другом. И решение подошло. Про подстраивание ширины в зависимости от placeholder ничего не было в вопросе.

А так, нет это совсем не сложно. Вот - https://jsfiddle.net/Svupol/yr63uc84/25/

[alexflow]

Спасибо!

Answer 2

[ivasenkoartem]

Просто сделать <textarea></textarea>

Answer 3

[alexflow]

Друзья, не совсем понял, как сделать, чтобы при заполнении placeholder ширина textarea растягивалась автоматически и при этом в конце каждой строки перестраивалась на новую? Гляньте код пожалуйста.
https://jsfiddle.net/yr63uc84/15/