<ul id="top_menu">
<li>
<a href="#" id="arabutton" class="search-overlay-menu-btn" ><?php echo $pages->get('/')->text36;?></a>
</li>
</ul>
<!-- Search Menu -->
<div class="search-overlay-menu">
<form id="form-game_v2" name="form-game_v2" method="get" action="<?php $pages->get("template=home")->url ?>" >
<div class="typeahead__container">
<div class="typeahead__field">
<div class="typeahead__query">
<input class="js-typeahead-game_v2" id="ara" name="form" type="search" placeholder="Search" autofocus>
</div>
<div class="typeahead__button">
<button type="submit">
<i class="typeahead__search-icon"></i>
</button>
</div>
</div>
</div>
</form>
</div><!-- End Search Menu -->
我需要关注输入id =“ ara”
当单击id =“ arabutton”时
我怎样才能做到这一点?它是一个实时搜索系统。单击按钮时,将显示类型为的输入字段。
实时示例:http://medilocation.com/en/treatments/pediatric-cardiology/
单击右上角进行搜索,您会看到该焦点问题。
最佳答案
您应该使用JavaScript:
document.addEventListener('DOMContentLoaded', () => {
const input = document.getElementById('ara');
const button = document.getElementById('arabutton');
button.addEventListener('click', () => {
input.focus();
})
})