Question

我有这个 HTML 代码：

<form class="w3-center w3-padding-16" method="get" action="" >
    <input type="search" name="q" placeholder="Buscar en {{categoria}}" autofocus required>
    <input type="submit">                            
</form>

我的目标是将输入文本发送到 URL。例如，如果我在文本框中写上“admin”，页面将重定向到“https://example.com/admin”

Answer 1

在表单中添加 onsubmit 和一个 JS 脚本。像这样：

function redirect(){       
       window.location.href="http://www.example.com/" + document.getElementById("urlInput").value;              
    }

<form id="my-form" onsubmit="redirect(); return false" class="w3-center w3-padding-16" method="get" action="" >
        <input id="urlInput" type="search" name="q" placeholder="Buscar en {{categoria}}" autofocus required>
        <input type="submit">         
        </form>

在表单提交中的表单输入后重定向到 URL

1 个答案: