问题描述
我创建了一个搜索框,它可以搜索Duck Duck Go,这是完美的工作方式,但是问题是,当我单击搜索按钮而未在文本字段中键入任何内容时,它会导致用户进入Duck Duck Go搜索主页,而我没有不想在这里。有人可以帮助我解决问题,以便当我单击搜索按钮时,无需键入任何内容时页面保持不变 这是代码:
<form class="form-search" method="get" action="https://duckduckgo.com/">
<input type="search" name="q" placeholder="Search or type web address">
<button type="submit">Search</button>
</form>
解决方法
您可以在输入字段中添加必需标记。它将在提交时检查其中是否应该包含一些数据。
<form class="form-search" method="get" action="https://duckduckgo.com/">
<input type="search" name="q" placeholder="Search or type web address" required>
<button type="submit">Search</button>
</form>