Текст-заполнитель не отображается в текстовой области

Я знаю, что кто-то здесь может мне помочь. Я просмотрел все форумы здесь по этой же теме, но, может быть, кто-то может помочь моему конкретному случаю. Заполнитель не отображается для моего текстового поля. Вот код:

<fieldset class="contactFormDetails">
    <input type="text" name="input-name" placeholder="Name" />
    <input type="text" name="input-mail" placeholder="Subject" />
</fieldset>
<fieldset class="contactFormMessage">
    <textarea name="input-message" placeholder="Type your message here"></textarea>
</fieldset>
<fieldset class="contactFormButtons">
    <input type="submit" value="Send" />
</fieldset>

person Tia Dame    schedule 26.04.2013    source источник
comment
Какой браузер вы используете?   -  person Fernando Mota    schedule 27.04.2013
comment
Как ни странно, у меня такая же проблема на хроме!   -  person Michael Aquilina    schedule 06.01.2014
comment
См. этот ответ [stackoverflow.com/questions/10186913/ [1]: stackoverflow.com/questions/10186913/   -  person CSSian    schedule 11.06.2014


Ответы (2)


Какой браузер вы используете? Атрибут placeholder не поддерживается в старых версиях IE.

Посмотрите здесь, поддерживается ли он в вашей версии браузера: http://caniuse.com/input-placeholder

Посмотрите здесь: https://stackoverflow.com/a/13281620/1846192 плагин jQuery, который добавляет поддержку текст заполнителя в более старых версиях IE, и который не отправляет текст заполнителя в качестве значения при отправке формы.

person Mathijs Flietstra    schedule 26.04.2013

Вы понимаете, что можете сделать это правильно?

<textarea name="input-message" placeholder="Type your message here"></textarea>
person Matt Lambert    schedule 26.04.2013
comment
Это не эквивалентно тексту-заполнителю. Ваше решение требует, чтобы пользователь выделял и удалял текст, прежде чем вводить свой собственный, в то время как текст-заполнитель автоматически исчезает в тот момент, когда вы начинаете вводить текст в текстовую область. Кроме того, это решение требует больше работы при отправке формы, потому что значение Введите ваше сообщение здесь будет отправлено, если пользователь ничего не вводит, что затем необходимо обработать на сервере. - person beterthanlife; 20.10.2014
comment
@betterthanlife, тогда исходная разметка верна, проверьте свой css, чтобы увидеть, скрывает ли он его или, возможно, установлен белый цвет? - person Matt Lambert; 21.10.2014