当有人输入文本输入时如何删除提示 - javascript

Question

我有一个这个文字输入

<input id="searchInput" type="text" value="Search Here" />

我想删除输入的值，即“在此搜索”，因为有人输入了某些内容...... 如何在jQuery或javascript中执行此操作？

Answer 1

只需使用占位符文字

<input id="searchInput" type="text" placeholder="Search Here" />

http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute

Answer 2

如果浏览器提供HTML5功能，您只需使用placeholder属性。

但是，如果用户代理不提供HTML5功能，您可以使用onfocus和onblur。

Answer 3

您可以使用占位符代码。

<input id="searchInput" type="text" placeholder="Search Here" />

这是一个workind fiddle

Answer 4

既然你说jQuery，jquery-watermark是一个很好的插件。

无论浏览器功能如何，它都会添加水印。

如果浏览器支持它，它将使用placeholder，并且在没有

的浏览器上回退到创建dom元素

$('#searchInput').watermark('Search Here');