image inside textBox

For opening popup, e.g.

by greatCar

HTML

<p class="email">
			Email
</p>
<input type="text" placeholder="Email_ID" class="text3" id="text3">
<br/><br/>
<label>https://stackoverflow.com/questions/20740523/place-an-image-inside-a-text-field</label>

CSS

#text3 {
  	width: 300px;
	height: 30px;
	background-image: url(https://cdn3.iconfinder.com/data/icons/interface-8/128/InterfaceExpendet-09-128.png);
	background-size: 30px;
	background-repeat: no-repeat;
      
}

input {
	text-align: center;
}

 background-position: 200px 3px

JavaScript

https://stackoverflow.com/questions/20740523/place-an-image-inside-a-text-field