从输入字段中删除文本

Question

一旦开始输入文本，如何使文本消失，就像某些字段在stackoverflow上的工作方式一样？ 我尝试了HTML中不同的“ on”操作，但这并没有真正做到我想要的。

谢谢。

Answer 1

您可以通过onfocus / onblur事件来做到这一点。 例如：

<input type="text" value="search" onfocus="if(this.value=='search')this.value=''"/>

如果单击此输入字段，则默认文本“搜索”将消失。 onfocus事件处理程序检查此输入字段是否具有“搜索”的值，如果是，则将其清除，在其他情况下（用户已在其中键入内容）则一切保持不变。

Answer 2

大概是指“标签出现在输入中”。

如果要以理智，可访问的语义方式执行此操作—使用<label> ，如果JS可用，则将其放在元素下，然后onfocus / onblur根据元素的值更改类。

我使用jQuery在http://dorward.me.uk/tmp/label-work/example.html上敲了一个简单的示例（并非jQuery库一部分的所有源代码都嵌入了该文档的HTML中，用于易于阅读）。

Answer 3

jQuery将使这项工作变得简单。 http://www.jsfiddle.net/TshDN/

Answer 4

如果您使用的是HTML 5，则可以使用占位符属性。

Answer 5

在javascript中使用onFocus（）

<input type="text" onfocus="if(this.value == 'value') { this.value = ''; }" value="value" />