这个功能在百度其实已经做得非常好了，这里借花献佛，记录下使用经验

1.效果

2.在div内嵌入

3.这样在页面上看到的效果，input使用的是默认样式，这里把百度样式移植了过来

input.bdbtn {
   width: 65px;height: 28px;line-height: 28px;font: 12px \5b8b\4f53;cursor: pointer;outline: none;display: inline-block;text-align: center;color: #fff;border: none;background-color: #1a89ed;}input.bdtext {
   width: 240px;padding-left: 5px;margin-left: 10px;margin-right: 10px;height: 22px;line-height: 22px;}

 

如果出现了乱码使用一下方法

提示：如果网页采用utf-8代码，则需要在代码中加入 <input name=ie type=hidden value=utf-8> ，否则搜索关键词会出现乱码。