html-Notes3

搜索框代码

<div class="byn-sousuo">
<form action="http://www.baidu.com/baidu?word=" target="_blank" method="get">
<div class="byn-xuanze">
<select name="search" style="width:60px; height:30px; border:none; outline:none; border-radius:20px; " >
<option value="全部">全部</option>
<option value="电影">电影</option>
<option value="影院">影院</option>
<option value="商品">商品</option>
</select>
</div>
<div class="byn-shuru">
<input type="text" name="search" style="width:430px; height:30px; border:none; outline:none;" value="Search.. " onfocus="this.value=''" onblur="if(this.value==''){this.value='Search..';}" />
</div>
<div class="byn-dianji">
<input type="submit" name="search" value="" style="width:35px; height:35px; opacity:0; z-index:2;" />
</div>
</form>