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

标签 jquery html css

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

例如在 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>

最佳答案

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

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

关于jquery - 搜索功能无法选择的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10761520/

相关文章:

html - 未对齐的 Twitter Follow 和 Facebook Like 按钮

javascript - css3 过渡开始点击

jQuery 背景颜色淡入淡出

javascript - 如何在 Angular 4 中使用 *ngFor 实现自定义过滤器管道?

javascript - 在 javascript 中使用 HTML

html - 底部对齐的两个文本框,第二个可以长大并将第一个 div 向上推

html - 隐藏表格内容而不将其嵌套在列中

javascript - 如何实现 twitter bootstrap Accordion ?

javascript - CKEditor - 如何在特定需要的位置隐藏浏览服务器按钮?

html - 使用 css 和 html 以及在 HTML 表格中,如何添加一列使其具有阴影?