前天，豆腐坊新增了一个很简约的Google搜索，放在网页的右侧。
代码如下：
引用
<FORM action=http://www.google.com/search method=get>
<TABLE bgColor=#ffffff>
<TBODY>
<TR>
<TD>
<INPUT style="WIDTH: 76px; HEIGHT: 22px" type=submit size=10 value="Google 搜索" name=btnG></INPUT>
<INPUT style="WIDTH: 70px; HEIGHT: 22px" maxLength=255 size=15 name=q></INPUT>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
<TABLE bgColor=#ffffff>
<TBODY>
<TR>
<TD>
<INPUT style="WIDTH: 76px; HEIGHT: 22px" type=submit size=10 value="Google 搜索" name=btnG></INPUT>
<INPUT style="WIDTH: 70px; HEIGHT: 22px" maxLength=255 size=15 name=q></INPUT>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
现在来分解一下代码。
设计背景色，上图中白色部分。
引用
<TABLE bgColor=#ffffff>
设置搜索框按钮。上图中Google搜索的框框。WIDTH后面是框框的宽度，HEIGHT是高度。value后面是显示的字，size是字号。
引用
<INPUT style="WIDTH: 76px; HEIGHT: 22px" type=submit size=10 value="Google 搜索" name=btnG></INPUT>
设置输入框。
引用
<INPUT style="WIDTH: 70px; HEIGHT: 22px" maxLength=255 size=15 name=q></INPUT>
最后说下，只需要在站点的模块新增一个项目，代码加进去就可以了。
如果你对我的网站感兴趣，可以订阅我的网站^_^
作者：大D@大Dの豆腐坊
地址：http://www.imdouz.com/add-simple-google-search/
版权：本站作品均采用知识共享署名-非商业性使用-相同方式共享2.5中国大陆许可协议进行许可。
最后编辑： 大D 编辑于Feb/20/2011 00:05
已有1172名不明真相的群众围观，0 人浮出水面。引用(0)
