Форумы портала PHP.SU :: Версия для печати :: Как реализовать 1 строку ввода на 2 строках документа?

1. Contr - 22 Июня, 2014 - 15:30:37 - перейти к сообщению

Как реализовать 1 строку ввода на 2 строках документа?

Input вроде не переносится (не отображается на двух строках)

Сделать span с contentEditable=true, тоже не вариант, так как там вставлять можно даже другие html-элементы. Тут или надо ввод фильтровать, как Input.

Т.е. я набираю текст, он вводится в строку верхнюю, как там место заканчивается, переносится на вторую, ту, что снизу.

Решение желательно без JS
Не понял

2. LIME - 22 Июня, 2014 - 16:20:29 - перейти к сообщению

textarea
placeholder

3. Contr - 22 Июня, 2014 - 16:57:12 - перейти к сообщению

код в студию, Лайм. Текстареа не переносится. Он отображается как прямоугольник

4. DelphinPRO - 22 Июня, 2014 - 22:16:28 - перейти к сообщению

можно так. кривовато, но в целом сойдет Улыбка

http://jsfiddle[dot]net/2UP2L/

там еще стоит добавить js-проверку на максимальное количество символов в textarea, чтобы скролл не появлялся

5. Contr - 23 Июня, 2014 - 08:27:41 - перейти к сообщению

DelphinPRO пишет:

можно так. кривовато, но в целом сойдет Улыбка

ЭТО ШИКААААААРНО !!! просто ГЕНИАЛЬНО! Спасибо, ДельфинПро!

6. LIME - 23 Июня, 2014 - 11:08:15 - перейти к сообщению

DelphinPRO пишет:

там еще стоит добавить js-проверку на максимальное количество символов в textarea, чтобы скролл не появлялся

maxlength
но не во всех бразерах

7. DelphinPRO - 23 Июня, 2014 - 12:12:28 - перейти к сообщению

LIME
не пойдет. нужно еще количество переводов строк считать Улыбка

можно же просто энтеров понажимать и maxlength не будет достигнут