Check out example codes for "search bar html". It will help you in understanding the concepts better.

Code Example 1

<!-- Load icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  
<!-- The form -->
<form class="example" action="action_page.php">
  
  <input type="text" placeholder="Search.." name="search">
  <button 
  type="submit"><i class="fa fa-search"></i></button>
</form>

Code Example 2

<input type="text" name="search">

Code Example 3

<input type="search">

Code Example 4

<!-- Load icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  
<!-- The form -->
<form class="example" action="action_page.php">
  
  <input type="text" placeholder="Search.." name="search">
  <button 
  type="submit"><i class="fa fa-search"></i></button>
</form>

Learn ReactJs, React Native from akashmittal.com