Изображение в Input?

[rotator]

Някой ще ми даде ли пример за ето такова нещо

(Става въпрос за изображението в input-а) +1 който помогне

 

[dashe]

input.user {
background:#ccc url(user.jpg) 2px 2px no-repeat;
height: 14px;
width: 100px;
}

<input ..... class="user" ... />

 

[SuCcEsS]

Eto
<input name="username или password" style="background:url(ТУК Е КАРТИНКАТА);" type="text" size="8" maxlength="30">

 

[rotator]

Даше ми помогна повече Давам точката на него Но ако кажеш как текста да почва след картинката (14px)

 

[SveXteZ]

Даше ми помогна повече Давам точката на него Но ако кажеш как текста да почва след картинката (14px)

padding-left:14px;

 

[2SHAE]

Ако искаш да има такава рамка на тирета сложи border: 1px dashed red;
Само смени колко искаш да е голяма и цвета

 

[rotator]

Аз това го знам с рамката Само изображението бях забравил как се слагаше

 

[shterev]

само да отбележа , че този код <input type="text" style="background-image: url(pic.gif);" /> в експлорер се получава много гадна ситуация , ако се напише малко повечко текст.

 

[SveXteZ]

Ахам и при мозила също има проблем с този код ... най-добрия вариант е да се постави един див около инпут формата и на него да присвойш тия стойности които задаваш на инпут формата + още едно нещо трябва да дадеш на инпут border:hidden; и става перфектно и работи под всички браузъри

 

[shterev]

с бордер хиден не знам, ама border: 0px; , също работи .Премахваме и бекграунда на инпут полето , иначе няма да вижда на родителския елемент бекграунда. ето демо от мен:

ЦСС:
span { display:block; width:300px; height:15px;}

inpyt { padding:0 5px; width:285px; height:15px; font-size:11px; color:#CCCCCC; border:0px; background:none;}

ХТМЛ:

<span>
<input type="text" name="user" />
</span>