Вмъкване на картинка в логин поле

[k0kytak]

Как мога да направя следното нещо

Искам да има ето такава картинка в полето за потребител надявам се да сте ме разбрали

<td><input type="password" name="pass1">

 

[0u7]

http://videotutorials-bg.com/lessons.php?action=viewsub&id=26&t=179



тва ти е цсс

#search { background: url('pic.gif ') no-repeat; width: 220px; height: 20px; position: absolute; right: 20px; top: 11px; }
#search legend { display: none; }
#search .input-text { width: 187px; background: none; border: none; font-size: 11px; color: #999; display: block; float: left; padding: 3px 0 0 9px; }
#search .input-button { width: 16px; height: 20px; cursor: pointer; background: none; border: none; }



хтмл


<td><input type="password" name="pass1" id="search">




прирно пика ти е

 

[devent]

<input type="password" name="pass1" style="background: url('img/pass.gif') no-repeat; padding-left: 22px;" />

 

[shterev]

<input type="password" name="pass1" style="background: url('img/pass.gif') no-repeat; padding-left: 22px;" />

Аз препоръчвам да се сложи тоя инпут в друг елемен и на този елемент да е картинакта , иначе в ИЕ когато напишеш повечко текст се бъгва.

<span style="background: url('img/pass.gif') no-repeat;><input type="password" name="ne6to" /></span>

 

[Darkwatch]

или така

<style>
input#neshtosi, {
padding-left: 14px;
background: #ffffff;
background-repeat: no-repeat;
background-position: 2px center;
}

input#neshtosi{background-image: url(http://img206.imageshack.us/img206/9990/namesb0.png);}
</style>

<td><input type="password" name="pass1" id="neshtosi">

 

[stoqnski]

<style type=”text/css”>
.user {
padding-left: 20px;
background: url(username.jpg);
background-repeat: no-repeat;
background-position: left center;
height: 25px;
}
</style>

<input type="text" value="Потребител..." class="user" />