如何实现类似淘宝的搜索框

Question

搜索javascript

Answer 1

<div>
<div>
<ul>
<li>宝贝</li>
......
</ul>
</div>
<div><input/></div>
<div><a>搜索</a></div>
</div>css自己写
js自己写

Answer 2

<input id = "a" type = "text" placeholder = "1231231"  value = "1231231"/>document.getElementById("a").onfocus = function(){
document.getElementById("a").value = "";
}
听起来只是一个placeholder的问题啊。不过如果是刚开始显示为黑色，之后选中时，才显示为黑色那就先给input框添加一个value属性，当onfocus时，把值清空，就可以显示placeholder的值了。不过这个是HTML5中的属性，所以有些浏览器是不支持的。

Answer 3

html5 input输入框就有这方面的功能了，
例：
代码：<input type="text" name="data" placeholder="请输入您的手机号" >
界面：

Answer 4

谢谢  html5还不是很懂呢  。。