Кнопка поиска не работает html

Question

У меня есть окно поиска с кнопкой рядом с ним, если я ввожу что-то в поле поиска и нажимаю Enter, он будет выполнять поиск, но не, если я просто нажму на кнопку поиска, кто-нибудь знает Зачем?

<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

Это кажется удивительным. Но вы можете просто использовать тег кнопки в html.

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

Это кажется гораздо более простым способом.