Почему не отображается местозаполнитель моей текстовой области?
Я использую заполнители для всех своих элементов формы, и они отображаются во всех, кроме текстовой области. Просто посмотрел на это в сафари и понял, что мой ввод type = "number" также не показывает заполнитель.
СтраницаВо и вам нужно нажать на ссылку «Забронировать сейчас» в верхней части страницы.
Мой HTML:
<form id="booking" action="single-workshops.php">
<input type="text" required="required" placeholder="name"/><br />
<input type="text" required="required" placeholder="your phone number"/><br />
<input type="email" required="required" placeholder="email"/><br />
<input type="number" required="required" placeholder="how many in your party" /><br />
<textarea rows="5" cols="30" placeholder="enter optional message">
</textarea><br />
<input type="button" value="submit"/>
</form>
Возможная копия HTML5 textarea заполнитель не появляется
Ответы на вопрос(1)
Решение Вопроса
Потому что у вас есть текст в текстовой области с переводом строки.
<textarea rows="5" cols="30" placeholder="enter optional message">
</textarea><br />
Должно быть
<textarea rows="5" cols="30" placeholder="enter optional message"></textarea><br />
Хорошо поймал! Я бы никогда не подумал об этом, я на самом деле удивлен, что это работает в других браузерах, учитывая, что технически есть контент. Добавление разрыва строки приводит к удалению заполнителя в Firefox.
Это не работает в других браузерах. Номер один делает в хром, а не сафари. Просто ищу какое-то исправление.
@ WesleyMurch извините, я имел в виду, что это работает для textarea, если я уберу разрыв строки. То, что по-прежнему не работает, это заполнитель input type = "number".
@ Никола: это исправило? У меня не установлен Safari.
Ах, спасибо, я этого не понимал!