javascript - 文本区域中的示例文本

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

placeholder attribute提供提示和示例文本。

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

不需要涉及JavaScript。