html - 让 SVG 图标提交搜索查询的输入

Question

我的网站中有一个搜索栏，用户可以在其中键入城市，然后使用 Enter 键将他们重定向到相应的城市页面。在输入框旁边，我有一个放大镜的 SVG，我想将它转换为我的表单的“提交事件”，我该怎么做？下面是代码的相关部分，我使用的是 HTML、CSS 和 JS。

HTML：

<nav>
        <div class="nav-container">
            <form action="javascript:redirect()" autocomplete="off">
                <input type="search" name="search" id="search" class="form-control"
                    placeholder="Search">
            </form>
            <ul class="mylist list-group" id="result"></ul>
            <svg width="50" height="50" viewBox="0 0 77 77" fill="none" xmlns="http://www.w3.org/2000/svg">
             ........
            </svg>
        </div>
</nav>

标签： htmlcsssvginputsubmit