Как в placeholder textarea сделать перенос на следующую строку? |
Как в placeholder textarea сделать перенос на следующую строку? Хочется написать достаточно подбробный placeholder для textarea, на несколько строк. Не получается сделать перенос текста на следующую строку в textarea. Можно это как то сделать, не прибегая к js, т.е. прямо в аттрибуте placeholder?
|
||||
|
|
|
Переводы строк в placeholder textarea обсуждалось на stackoverflow
var placeholder = 'This is a line \nthis should be a new line';
$('textarea').attr('value', placeholder);
$('textarea').focus(function() {
if($(this).val() === placeholder){
$(this).attr('value', '');
}
});
$('textarea').blur(function() {
if($(this).val() ===''){
$(this).attr('value', placeholder);
}
});
Вот еще хороший вариант, правда больше кода, пример. |
||||
|
|
|
Самый простой способ сделать это — при формировании html textarea текст в атрибуте placeholder разместить на нескольких строках <textarea rows="5" placeholder="Первая строка Вторая строка Третья строка"></textarea> Результат:
|
|||||
|
Вход в систему
, вот так:
TinCof
d991
kent
andy6120
А хотя...
<textarea onmouseenter="this.placeholder='Hello,\nworld!!!';"></textarea>
Всё равно немного JS есть...
А почему без него-то?
– anonymous 8 лет назад
– anonymous 12 лет назад