带有描述性文字的文字输入

我想知道是否有一个简单的方法使用javascript(包括我们在网站上使用的JQuery)将描述性文本放在文本输入中,直到用户点击它来输入他们自己的文本.

例如,我想将"搜索"这个词放在文本输入中(最好是比实际输入颜色浅),直到用户点击输入,当它消失并允许他们输入搜索词时.

我不想让"搜索"这个词成为文本输入的值,因为用户可以搜索单词搜索有点重要.

我在考虑绝对定位一个

元素,在输入上单词搜索,并在单击它(或输入)时隐藏它.

你怎么看？这可怕的被误导了吗？

我最近碰到了jQuery Form Example插件,它可以满足您的需求.该项目的github页面在这里.使用该插件,您可以显示一个占位符值,该值将在点击时消失:

$('input#search').example('Search');