
前天,豆腐坊新增了一个很简约的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)







