2

我正在尝试创建一个文本区域，其中将有一些示例供用户在单击该区域之前查看（示例消失）并且他们可以添加自己的内容。到目前为止我已经得到了这个，但是当我打开页面时它没有加载示例，我尝试使用和 onload 但这似乎不起作用，如果我单击该区域然后模糊，该功能可以正常工作，但是用户不应该这样做，任何我出错的想法

<textarea STYLE='background:white; height:80; width:100%;' name="kpi_notes" value="Example"
onfocus="if (this.value == 'Example') {
  this.value = '';
  this.style.color = '#B300A1';
}"
onblur="if (this.value == '') {
  this.value = 'Example'
  this.style.color = '#919191';
}"
style="color:#919191"; ></textarea>
4

4 回答 4

4

对于 textarea 元素，值应该在标签之间，而不是设置为value="Example".

<textarea STYLE='background:white; height:80; width:100%;' name="kpi_notes"
onfocus="if (this.value == 'Example') {
  this.value = '';
  this.style.color = '#B300A1';
}"
onblur="if (this.value == '') {
  this.value = 'Example'
  this.style.color = '#919191';
}"
style="color:#919191"; >Example</textarea>

或者考虑使用占位符属性，如果您的目标浏览器支持它：

<textarea placeholder="Example"></textarea>
于 2013-02-21T02:26:03.690 回答
1 
<textarea name="kpi_notes" placeholder="Example">
</textarea>

不适用于IE9。拧IE。

于 2013-02-21T02:26:12.740 回答
0

我认为您需要innerHTML改用value 所以 textarea 根本没有value属性

于 2013-02-21T02:27:02.500 回答
0

无论您在两个标签之间放置什么都是默认值。

例如：

<textarea>Text hint</textarea>
于 2013-02-21T02:30:00.417 回答