Как добавить картинку в input?

Question

[Fiorentina]

Есть форма логина и пароля. Как в неё добавить изображение, например,иконку в левом крае?

Comments

[Fiorentina]

у меня в input ещё свой текст имеется

<input type="text"  id="username" placeholder="Логин">

как его подвинуть?

Answer 1

[Алексей Уколов]

Как впихнуть кнопку внутрь инпута?

Answer 2

[Денис Инешин]

Пример: jsfiddle.net/scu6kct2

.test {
    border: 1px solid #000;
    padding: 5px 5px 5px 40px;
    height: 20px;
    background: url(...) no-repeat 3px 1px;
    background-size: auto 90%;
}

Answer 3

[Tony V]

input.icon{
    background: url(icon.png) no-repeat center left;
    padding-left:30px;
}