搜索按钮不起作用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

与submit

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

Answer 2

这看起来真棒更换型button。但你可以简单地在html中使用按钮标签。

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

这似乎是一个更简单的方法来做到这一点。