Как сделать пропадающий текст при клике в поле textarea

Как сделать пропадающий текст при клике в поле textarea

Я уже писал, как сделать нечто подобное с полем input. Теперь давайте разберемся с textarea. Здесь все немного сложнее.

Для того, чтобы сделать "умное" поле textarea, текст-подсказка в котором исчезает при клике в само поле, необходимо написать следующее:

<textarea placeholder="Ваше сообщение:" onfocus="placeholder='';" onblur="placeholder='Ваше сообщение:';" ></textarea>

Все дело в том, что textarea не поддерживает value, но зато поддерживает placeholder. Поэтому используем его.

По поводу оформления цвета подсказки и текста - все аналогично как и в input.

04.04.17
Для просмотра сайта обновите браузер.