日期:2014-05-16  浏览次数:20395 次

如何实现类似淘宝的搜索框
如何实现类似淘宝的搜索框 
点击文本框之后,文字并不消失,而是变灰了,
真正输入文字的时候,原内容才消失?

------解决方案--------------------
<input id = "a" type = "text" placeholder = "1231231"  value = "1231231"/>

document.getElementById("a").onfocus = function(){
document.getElementById("a").value = "";
}


听起来只是一个placeholder的问题啊。不过如果是刚开始显示为黑色,之后选中时,才显示为黑色

那就先给input框添加一个value属性,当onfocus时,把值清空,就可以显示placeholder的值了。

不过这个是HTML5中的属性,所以有些浏览器是不支持的。
------解决方案--------------------
html5 input输入框就有这方面的功能了,
例:
代码:<input type="text" name="data" placeholder="请输入您的手机号" >
界面: