Question

我正在尝试创建一个textarea，它将有一些示例供用户以前查看他们点击该区域（示例消失），他们可以添加自己的东西。到目前为止我已经得到了这个但是当我打开页面时它没有加载示例，我尝试使用和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>

Answer 1

对于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>

Answer 2

<textarea name="kpi_notes" placeholder="Example">
</textarea>

不适用于IE9。螺丝IE。

Answer 3

我认为您需要使用innerHTML代替value 因此textarea根本没有value属性

Answer 4

两个标签之间的任何内容都是默认值。

例如：

<textarea>Text hint</textarea>

textarea onload中的示例文本

4 个答案: