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

這似乎是一個更簡單的方法來做到這一點。