Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Как реализовать 1 строку ввода на 2 строках документа?

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Contr
Отправлено: 22 Июня, 2014 - 15:30:37
Post Id



Частый гость


Покинул форум
Сообщений всего: 202
Дата рег-ции: Окт. 2011  
Откуда: с Марса


Помог: 1 раз(а)




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

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

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

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

Решение желательно без JS
Не понял
Прикреплено изображение (Нажмите для увеличения)
1.PNG

(Отредактировано автором: 22 Июня, 2014 - 15:31:05)

 
 Top
LIME
Отправлено: 22 Июня, 2014 - 16:20:29
Post Id


Активный участник


Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010  


Помог: 322 раз(а)




textarea
placeholder
 
 Top
Contr
Отправлено: 22 Июня, 2014 - 16:57:12
Post Id



Частый гость


Покинул форум
Сообщений всего: 202
Дата рег-ции: Окт. 2011  
Откуда: с Марса


Помог: 1 раз(а)




код в студию, Лайм. Текстареа не переносится. Он отображается как прямоугольник
 
 Top
DelphinPRO
Отправлено: 22 Июня, 2014 - 22:16:28
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




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

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

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


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Contr
Отправлено: 23 Июня, 2014 - 08:27:41
Post Id



Частый гость


Покинул форум
Сообщений всего: 202
Дата рег-ции: Окт. 2011  
Откуда: с Марса


Помог: 1 раз(а)




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

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

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

ЭТО ШИКААААААРНО !!! просто ГЕНИАЛЬНО! Спасибо, ДельфинПро!
 
 Top
LIME
Отправлено: 23 Июня, 2014 - 11:08:15
Post Id


Активный участник


Покинул форум
Сообщений всего: 10732
Дата рег-ции: Нояб. 2010  


Помог: 322 раз(а)




DelphinPRO пишет:
там еще стоит добавить js-проверку на максимальное количество символов в textarea, чтобы скролл не появлялся
maxlength
но не во всех бразерах
 
 Top
DelphinPRO
Отправлено: 23 Июня, 2014 - 12:12:28
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




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


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB