Question

如何为textarea设置两个属性（默认文本，点击后隐藏并需要）？

  <textarea name="dedication" id="dedTextArea" required onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value=='')this.value=this.defaultValue">Default text</textarea>

HTML“认为”Default text是我的输入。我该如何修理？谢谢大家。

Answer 1

如果您不介意兼容性，那么简单的解决方案就是使用placeholder。

<textarea placeholder="Default text"></textarea>

This does not work in older browsers，最值得注意的是IE9及更低版本。

Answer 2

<textarea 
   onfocus="if (this.value == this.defaultValue) { this.value='' }" 
   onblur="if (this.value=='') { this.value = this.defaultValue" }>
   Enter some text!
</textarea>

这是一个JS小提琴演示它：http://jsfiddle.net/Xhawp/1/

Answer 3

作为标记HTML5，如果默认为单行，为什么不呢;

 <textarea name="dedication" id="dedTextArea" placeholder="Default text"></textarea>

Answer 4

单击（在Chrome中）后，默认文本看起来会消失，但如果您想要占位符而不是实际文本，请使用以下内容：

 <textarea name="dedication" id="dedTextArea" required onfocus="if(this.value==this.defaultValue)this.value=''" onblur="if(this.value=='')this.value=this.defaultValue" placeholder="Default Text"></textarea>

Answer 5

您使用属性placeholder作为“点击后隐藏的默认文字”。但请注意，placeholder仅适用于支持HTML5的浏览器。您正确设置了所需，它也无法在某些浏览器上运行。

<textarea name="dedication" id="dedTextArea" 
     required
     placeholder="default text"></textarea>

Answer 6

使用占位符属性

<textarea name="dedication" id="dedTextArea" required placeholder="Default text"></textarea>

Textarea - 必需，但默认文本

6 个答案: