javascript - Jquery/Javascript 文本框在输入内容时更改值,如果不集中则还原

标签 javascript jquery html input

我不知道我应该在这个网站或谷歌中寻找什么术语,如果我的问题有重复的主题,请原谅。真的不知道该输入什么。

我会提供屏幕截图让您了解我的问题。

这是我的文本框,上面有(可选)值。

enter image description here

当我将光标放在它上面时,文本框将处于焦点模式(当我单击它时它没有更改 (optional) 的值..

enter image description here

当我在文本框中输入内容时,(可选)值会消失,它会显示您正在输入的内容。

enter image description here

当我[<-Backspace] hello 并将其完全删除时,我想要的输出是(可选)将恢复到原来的样子。

enter image description here

长话短说,我有一个默认值为(可选)的文本框,当我在上面输入时,它会消失并显示您正在输入的内容,当我删除所有内容时, (可选)会回来。

我只是对如何开始一无所知。如果你能帮助我,我会很高兴。

最佳答案

现在有一个标准的 HTML 属性:placeholder

<input name=somename placeholder="(optional)">

not yet universally supported但在我看来,这是要走的路,即使有些用户在升级他们的 IE9 浏览器之前不会看到它,因为它会使您的页面更加简单和干净。

关于javascript - Jquery/Javascript 文本框在输入内容时更改值,如果不集中则还原,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14703186/

相关文章:

javascript - 如何阻止标签漂浮在焦点顶部?

javascript - “对象作为 React 子对象无效”

jQuery - 复选框启用/禁用

java - 如何在java中将通知菜单与数据库连接

html - 将 unicode 放入 CSS 内容中合法吗?

javascript - 循环 JSON 响应给出未定义

javascript - 使用 jQuery 读取 JSON 数组

php - ajax post 调用返回未定义的成功消息

javascript - 如何从 javascript 中的数组创建 html 表格元素 tilemap?

javascript - 单击父节点时显示子节点并隐藏父节点