搜索按钮不起作用 html

Question

我有一个搜索框，旁边有一个按钮，如果我在搜索框中输入内容并按回车键，它会进行搜索，但如果我只是点击我的搜索按钮，有人知道为什么吗？

<ul class="searchListUl">
   <li>
      <form>
         <input type="text" class="search" placeholder="Keywords" required>
            <select class="region">
                <option value="1" selected>example</option>
                <option value="2">example</option>
            </select>
            <select class="department">
                <option value="a" selected>All Departments</option>
                <option value="b">Computing</option>
            </select>
         <input type="button" class="button" value="Search">
      </form>
   </li>
</ul>    

Answer 1

将类型 button 替换为 submit

<input type="submit" class="button" value="Search">

Answer 2

对于那些到达这里想知道为什么 button 元素不提交表单的人，请注意：按钮元素的工作方式与 input type="submit" 相同，但前提是您在其上包含 type="submit" 属性。

这将提交您的表格：

<button type="submit">Go</button>

这不会：

<button type="button">Go</button>

Answer 3

这似乎很棒。但是您可以简单地在 html 中使用按钮标签。

<button type="button">Search</button>

这似乎是一种更简单的方法。

Answer 4

它

实际上是：

<input type="text" placeholder="Search.." name="search">
  <button type="submit"><i class="fa fa-search"></i></button>

你有没有看到 fa fa-search 我推出了一个很酷的按钮