Image inside Text Box in HTML

To place an image inside text box we use
 
background-image:url(images/search.png);
 
to place any text inside text box value HTML attribute is used and here we have also used padding-left:25px; CSS attribute to keep Search and Image apart. Example as :

<!DOCTYPE html>
<html>
<head>
<style>
.searchBar {
	background-image:url(searchicon.png);
	background-repeat: no-repeat;
	background-position:left;
	padding-left: 25px;
}
</style>
</head>
<body>
<form action="submitPage.php">

  <input type="text" name="SearchField" class ="searchBar" 
  autocomplete="off" value="Search" size="15"/>
  
  <input type="submit" value="Find">
</form>
</body>
</html>

Output :