Place an image inside a text field

Question

I have an HTML input field like this. I would like to place an image inside the textbox on the right side. Can someone help me out with its CSS for that?

Answer 1

.text3 {
	width: 300px;
	height: 30px;
}

#text3 {
	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;
}

			Email