大概的效果是下面图片的样子,当然这个需要大家对代码进行css样式的编写才能达下效果。
整理代码
百度搜索框代码
1 2 3 4 5 | <form action="http://www.rkb.net/baidu" target="_blank"> <input name="tn" type="hidden" value="baidu"> <input type="text" name="word" size="30" baiduSug="1" class="texe"> <input type="submit" value="百度搜索" class="buts"> </form> |
淘宝搜索框代码
1 2 3 4 | <form action="http://s.taobao.com/search" name="search" id="J_TSearchForm" class="search-panel-focused"> <input x-webkit-grammar="builtin:translate" x-webkit-speech="" size="30" class="texe" role="combobox" aria-combobox="list" aria-haspopup="true" id="q" name="q" aria-label="请输入搜索文字" accesskey="s" autocomplete="off"> <input type="submit" value="淘宝搜索" class="buts"> </form> |
360搜索框代码
1 2 3 4 | <form action=" http://www.so.com/s" target="_blacnk"> <input name="q" type="text" id="input" autocomplete="off" x-webkit-speech class="texe"> <input type="submit" value="360搜索" class="buts"> </form> |