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。

Answer 2

提供输入匹配的更好方法是，您可以使用占位符属性，也可以自定义工具提示。您可以尝试按照代码：

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

文本区域中的示例文本

2 个答案: