0

我正在尝试创建一个文本区域，其中包含一些示例文本，这些文本在用户开始输入时会消失。我有下面哪种代码有效。但...

默认文本仅在我聚焦和取消聚焦 textarea 时出现，我尝试添加一个 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>
4

2 回答 2

2

该placeholder属性是为提示和示例文本提供的。

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

无需涉及 JavaScript。

于 2013-04-08T09:22:50.207 回答
0

为输入提供命中的更好方法是您可以使用占位符属性，也可以自定义tooltip。您可以尝试以下代码：

<textarea placeholder="text to be display as example" name="nameoftextarea"></textarea>
于 2013-04-08T09:29:37.433 回答