добавить кнопку поиска в поле поиска в системе пользовательского поиска

Как добавить кнопку поиска HTML? Я попытался добавить его, но когда я ищу пример, YouTubeкоторый показывает результат, но не показываю мой текст поиска, YouTubeкак я могу это исправить, что мне нужно изменить здесь в этом коде? благодаря

.main{
	position: absolute;
	top: 10px;
    left: 25%;
	width: 50%;
	height: auto;	
	text-align: center;
}
.q{
	padding: 5px;
	width: 90%;
	margin-top: -30px;
	border: solid 1px #c68e00;
	font-size: 17px;
	font-family: Arial;
	height: 40px;
}
<script>
    (function() {
        var cx = '004533415228465222070:r2ak9s12hwi';
        var gcse = document.createElement('script');
        gcse.type = 'text/javascript';
        gcse.async = true;
        gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(gcse, s);
    })();
</script>
<gcse:searchresults-only></gcse:searchresults-only>
</div>

<div class="main">
	<br/><br/>
	<form action="" method="GET">
 <input class="q" name="q" placeholder="Search by Name or type URL" title="Search ..." value="" /> 
</form>

javascript,jquery,html,search,google-search-api,

0

Ответов: 1


1 вниз голос принят

Я не уверен в результате, но надеюсь, что эта работа.

Добавлен id="searchbox"вход для поиска. и эти две линии.

var urlParams = new URLSearchParams(window.location.search);
document.getElementById('searchbox').value = urlParams.get('q');

Теперь ваш полный код выглядит.

<div class="main">
    <br/><br/>
    <form action="" method="GET">
 <input class="q" name="q" id="searchbox" placeholder="Search by Name or type URL" title="Search ..." value="" /> 
</form>
</div>
<script>
    (function() {
        var cx = '004533415228465222070:r2ak9s12hwi';
        var gcse = document.createElement('script');
        gcse.type = 'text/javascript';
        gcse.async = true;
        gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(gcse, s);
    })();
var urlParams = new URLSearchParams(window.location.search);
document.getElementById('searchbox').value = urlParams.get('q');
</script>
<gcse:searchresults-only></gcse:searchresults-only>
JavaScript, JQuery, HTML, поиск, Google-поиск по API,
Похожие вопросы