javascript - 当有人在文本输入中输入时如何删除提示 - 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" />

这是一个工作小提琴

Answer 4

既然你说 jQuery，jquery-watermark就是一个不错的插件。

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

It will use a placeholder if the browser supports it, and fallback to creating dom elements on browsers that don't

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