jquery - 搜索功能无法选择的文本

Question

我希望创建一个输入文本字段，该字段的文本显示为灰色，显示文本字段的用途，然后在输入字符时应删除该文本

例如在 facebook 中，当您点击搜索输入文本区域时，在您输入任何字符之前，您将看到仍然显示“搜索”一词。

我不知道从哪里开始使用 JQuery，因为我不知道这个功能叫什么，但下面是我的输入字段的标记

HTML 标记

<div class="searchForm">
   <input id="searchInput" value="Search"  autocomplete="off" name="searchInput"   
      onkeyup="showResult(this.value)"/>
   <input type="hidden" name="searchSite" value="1" style="background-color:#000;">
   <input id="searchButton" type="submit" value=""/>
</div>

Answer 1

您可以像这样使用 html 5 属性 placeholder:

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