Jquery/Javascript文本框在键入内容时更改值,如果未聚焦则还原

Question

我不知道我应该在这个网站上寻找什么条款,也不知道谷歌,如果我的问题有重复的主题,请原谅我.真的不知道输入什么.

我将提供截图让您了解我的问题.

这是我的文本框上有(可选)值.

当我将光标聚焦在它上面时,文本框将处于对焦模式(当我点击它时它没有改变(可选)的值.

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

当我[<-Backspace]你好并完全删除它时,我想要的输出是(可选)将回到原来的样子.

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

我对如何开始没有任何想法.如果你帮助我们会很高兴.

Answer 1

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

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

它尚未得到普遍支持,但在我看来这是要走的路,即使有些用户在升级他们的IE9浏览器之前也不会看到它,因为它会使你的页面更简单,更清洁.