Вопрос по html, html5 – Почему не отображается местозаполнитель моей текстовой области?

65

Я использую заполнители для всех своих элементов формы, и они отображаются во всех, кроме текстовой области. Просто посмотрел на это в сафари и понял, что мой ввод 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 заполнитель не появляется RBT

Ваш Ответ

1   ответ
178

Потому что у вас есть текст в текстовой области с переводом строки.

<textarea rows="5" cols="30" placeholder="enter optional message">
        </textarea><br />

Должно быть

<textarea rows="5" cols="30" placeholder="enter optional message"></textarea><br />
Ах, спасибо, я этого не понимал! Claire
Хорошо поймал! Я бы никогда не подумал об этом, я на самом деле удивлен, что это работает в других браузерах, учитывая, что технически есть контент. Добавление разрыва строки приводит к удалению заполнителя в Firefox. Wesley Murch
Это не работает в других браузерах. Номер один делает в хром, а не сафари. Просто ищу какое-то исправление. Claire
@ Никола: это исправило? У меня не установлен Safari. Wesley Murch
@ WesleyMurch извините, я имел в виду, что это работает для textarea, если я уберу разрыв строки. То, что по-прежнему не работает, это заполнитель input type = "number". Claire

Похожие вопросы