如何实现类似淘宝的搜索框
如何实现类似淘宝的搜索框
点击文本框之后,文字并不消失,而是变灰了,
真正输入文字的时候,原内容才消失?
------解决方案--------------------<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="请输入您的手机号" >
界面: