Раздел вопрос-ответ Как в placeholder textarea сделать перенос на следующую строку?

Как в placeholder textarea сделать перенос на следующую строку?

Хочется написать достаточно подбробный placeholder для textarea, на несколько строк. Не получается сделать перенос текста на следующую строку в textarea. Можно это как то сделать, не прибегая к js, т.е. прямо в аттрибуте placeholder?

share
 
pohody nelzia take
– anonymous 3 года назад

2 ответа

Переводы строк в 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);
    }    
});

Вот еще хороший вариант, правда больше кода, пример.

Добавить комментарий
    как минимум 5 символов

    Самый простой способ сделать это — при формировании html textarea текст в атрибуте placeholder разместить на нескольких строках smiley, вот так:

    <textarea rows="5" placeholder="Первая строка
    Вторая строка
    Третья строка"></textarea>

    Результат:

    Добавить комментарий
      как минимум 5 символов

      icon Вход в систему

      зарегистрироваться
      НОВЫЕ ПОЛЬЗОВАТЕЛИ