javascript - 带有描述性文本的文本输入

标签 javascript jquery html usability textinput

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

例如,我想将“搜索”一词放在文本输入中(最好是比实际输入颜色更浅的颜色),直到用户单击输入,当它消失并允许他们输入搜索词时。

不过,我实际上不想让“搜索”这个词成为文本输入的值,因为用户可以搜索“搜索”这个词在某种程度上很重要。

我正在考虑绝对定位一个

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

你怎么看?这是不是误入歧途了?

最佳答案

我最近碰到了 jQuery Form Example plugin那正是你想要的。该项目的 github 页面是 here .使用该插件,您可以显示一个占位符值,该值将在单击时消失:

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

关于javascript - 带有描述性文本的文本输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/607124/

相关文章:

javascript - 无法使用 Angular 模式表单指令渲染复选框

javascript - AWS Lambda NodeJs 无法返回响应

javascript - 如果一组不匹配,如何设置 NULL?

javascript - 悬停动画CSS,悬停回到正常

javascript - 将纬度和经度传递给 javascript 函数并从谷歌地图获取 View

javascript - 使用 Selenium 或 HTMLUNIT 的 HttpClient?

jquery - 如何获取输入元素上的 TAB 键事件?

javascript - 使用 jQuery 触发 oninput 事件

html - 如何去掉网页顶部的空格

javascript - Vuejs记录不同路线的数据