Put icon inside input element in a form

Question

How do I put an icon inside a form\'s input element?

Answer 1

I find this the best and cleanest solution to it. Using text-indent on the input element

CSS:

#icon{
    background-image:url(../images/icons/dollar.png); 
    background-repeat: no-repeat; 
    background-position: 2px 3px;
}

HTML: