SEARCH BUTTON WITH SEARCH ICON
Run 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
 
   input[type=text] {
	  padding: 10px;
	  font-size: 17px;
	  border: 1px solid grey;
	  float: left;
	  width: 50%;
	  background: #CCCCCC;
	  text-align: center;
	}
	button {
	  background-color: #1252FF;
	  width: 100px;
	  font-size: 16px;
	  padding: 10px;
	}
	button:hover {
      background: #0b7dda;
	}
</style>
</head>
<body>
    <h2> Search Button </h2>
    <form  action="/action_page.php">
	  <input id="search box" type="text" placeholder="Search here" name="search">
	  <button type="submit"><i class="fa fa-search"></i></button>
	</form>

</body>
</html>