我正在尝试进行 Google 自定义搜索(我只需要在我的网站上使用某种搜索引擎),并且我需要进行搜索以便我可以使用我自己的搜索框(输入字段)。我需要它的确切尺寸。我还需要能够制作自己的按钮进行搜索。我将需要能够更改搜索按钮的大小和背景。我还不能完全确定,但我实际上可能需要将它作为常规 img。
有谁知道如何做到这一点?
如果你不能用谷歌做到这一点,你知道另一种方法吗?
如果除了使用您自己的搜索引擎之外别无他法,我能否获得一个非常简单的教程的链接,以了解如何制作自己的搜索引擎。我愿意投入额外的工作来学习,但我尝试了一点,在看了三个不同的 tuts 后,我放弃了,因为它们很长很困惑。我希望我只是找错了地方。
最佳答案
这是我正在使用的,你只需要在<input id='q'
中添加一些样式即可。这是搜索框,并且 < input value='MyButton'
是点击按钮
<!-- Google CSE Search Box Begins -->
<center>
<form id="searchbox_XXXXXXXXXX:YYYYYYYYY" action="http://myblog">
<input value="XXXXXXXXXX:YYYYYYYYY" name="cx" type="hidden"/>
<input value="FORID:11" name="cof" type="hidden"/>
<input id="q" style="width:600px;" name="q" size="75" type="text"/>
<input value="MyButton" name="sa" type="submit"/>
</form>
</center>
....
编辑 :以上是我 2010 年的回答,我无法确认它是否有效,但这是有效的。
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'en'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('XXXXXXXXXXXXXXXX:YYYYYYYYYYYYYY');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
var options = new google.search.DrawOptions();
options.setAutoComplete(true);
customSearchControl.draw('cse', options);
}, true);
</script>
更多信息:引用https://developers.google.com/custom-search/docs/js/cselement-devguide
关于input - 带有自定义搜索框和按钮的 Google 自定义搜索?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2174187/