Placeholder Не пойму в чем проблема. 2 одинаковых. один отображается другой нет. Почему?

Question

[gaurava]

страница на node ejs

<% include header %>


<h2>Написать новую запись</h2>

<form method="post" role="form">
  <div class="form-group">
    <label for="title">Заголовок</label>
    <input type="text" class="form-control" id="title"
    name="title" placeholder="Введите заголовок" required>
    </div>

    <div class="form-group">
      <label for="content">Сообщение</label>
      <textarea class="form-control" id="body" name="body" placeholder="Обожаю Express. На нем круто делать сайты" 
        rows="3"  required>
      </textarea>
      <textarea class="form-control" id="body" name="body" placeholder="строка" rows="3" required>
</textarea>
      </div>

      <div class="form-group">
        <input type="submit" value="Отправить" class="btn btn-primary">
        </div>
        </form>

        <% include footer %>

Текстареа 2 одинаковых с id body Тот что айди строка отображается, другой нет. Почему другой не отображается, в чем проблема?

второй где написано "строка" добавлен для примера. Если оставить где "обожаю экспресс" ничего не отображается, но тот где строка одинаковый и там слово "строка" отображается. В чем проблема?

Comments

[Steppp]

Скопируй второй textarea, и напиши другой placeholder. Проверь чтоб 2 последних отображались!
Если все норм, удали первый! И проверь! Если у первого пропадет placeholder, смотри css, js!
У меня подозрение что в js убран placeholder

[gaurava]

да, если скопировать второй текстареа все работает, мне чисто в учебных целях интересно, почему первый не работает, если они полностью одинаковые

Answer 1

[archelon]

Уберите пробелы перед закрывающим </textarea>
В плейсхолдере выводится текст, написанный между открывающим и закрывающим тегом textarea. в вашем случае это несколько пробелов.
Сравните:

<textarea class="form-control" id="body" name="body" placeholder="Обожаю Express. На нем круто делать сайты" 
        rows="3"  required>Hello</textarea>

В плейсхолдере будет hello

Comments

[gaurava]

да, но в моем случае, текст не пишется, только отображается, как подсказка

[gaurava]

спасибо, да, все из-за пробелов, буду знать, успехов

Answer 2

[Simkav]

id должен быть уникальным, тоесть не может быть два элемента с id='body'

Comments

[gaurava]

нет, второй где строка, я добавил без теста, то что он работает. Если его убрать, тот где обожаю express не отображается