textbox中默认文字在鼠标点击后不消失，开始输入文字时才消失。

Question

我在做站内搜索，用script写了两个函数oncontrolfocus和oncontrolblur，在textbox里面调用他们。目前实现的效果是：鼠标点击后默认文字全部消失。如何实现像豆瓣那样，（1）鼠标点击后默认文字不消失，当开始输入时才消失？（2）当用户删除自己输入的文字后，不用点击鼠标，则提示文字自动出现？万分感谢！

Answer 1

<input type="text" placeholder="提示文字" >追问

按你说的，下面是我的代码，现在的问题是，自己输入的文字也是默认文字那样的灰色而不是黑色怎么办？

追答

不需要你去设置文字的显示的隐藏，也不需要设置样式。。。 也就是说，onfocus和onblur事件你不用处理。

追问

什么意思呢？可是我希望自己输入的文字是黑色的，默认提示的文字是灰色的。现在都是灰色的

追答

就是说，你只需要写 placeholder="搜索内容" ，不用写事件了，默认的就是“搜索内容”这个提示灰色，你输入的文字是黑色。

这样就好了

Answer 2

改为 if(el.value<>"")
{
el.value="";
........
}追问

oncontrolfocus还是oncontrolblur函数？

追答

哦，没看清你的需求

去豆瓣看了一下，好像是鼠标点击就文字消失的。