Пример текста в текстовой области

Question

Я пытаюсь создать текстовую область, которая имеет некоторый пример текста, который исчезает, когда пользователь начинает печатать. У меня есть код ниже, какие работы. Но ...

Текст по умолчанию появляется только после того, как я фокусирую и не фокусирую текстовое поле, я попытался добавить параметр onload для отображения этого текста, но он не хотел работать для меня.

Когда я сохраняю страницу, не касаясь текста примера, текст переходит к сохраненному цвету текста, а не к серому по умолчанию.

Я не думаю, что я слишком далеко здесь, но провел большую часть дня происходит по кругу, все оцененная помощь

 <textarea STYLE='background:white; height:80; width:100%;' name="notes" 
    onfocus="if (this.value == 'Example of what you need to do here') { 
     this.value = ''; 
     this.style.color = '#D10034'; 
    }" 
    onblur="if (this.value == '') { 
     this.value = 'Example of what you need to do here' 
     this.style.color = '#919191'; 
    }" 
    style="color:#D10034"; >$notes</textarea> 

Answer 1

The placeholder attribute предусмотрен для намеков и пример текста.

<textarea name="nodes" placeholder="Example of what you need to do here"></textarea> 

Не нужно включать JavaScript.

Answer 2

Лучший способ обеспечить хит для ввода или вы можете использовать заполнитель атрибут или вы можете настроить подсказке. Вы можете попробовать следовать код:

<textarea placeholder="text to be display as example" name="nameoftextarea"></textarea>