Готов текст вътре в input поле

[anonymous12]

Значи имам направен input полета с картинки за писане на парола и потребителско име,но искам да попитам как мога да направя така,че като не е натиснат върху полето за въвеждане на текст да излиза автоматично някакъв текст,а като натисна върху полето да се маха и полето да се замени с друга картинка,който ще се използва за hover ето код-а за input

<input id="user" type="text" size="32" maxlength="30" name="text"/>

 

[explozen]

<input type="text" value="Търси във новини"  onblur="if(value=='') value = 'Търси във новини'" onfocus="if(value=='Търси във новини') value = ''" name="news" />

А за ховер:
[css]input {
}

input:hover {
opacity:0.9;
}[/css]

 

[anonymous12]

Мерси,но аз искам като натисна върху input полето и тогава да се замени с друга картинка,а не като отида с мишката върху полето и да се смени.

 

[explozen]

Заповядай
[css]input {
}

input:focus {
opacity:0.9;
}[/css]

 

[anonymous12]

Мерси,а знаеш ли как мога да сложа на текста в input <b></b>,<i></i> и да ползвам друг шрифт да уголемя текста и т.н.

 

[explozen]

[css]font: 12px Arial, Helvetica,sans-serif;[/css]
Това го добавяш и си готов

 

[Hous]

[css]
#user{
font:14px;
color:#333;
font-weight:bold;
}
[/css]

 

[stoqnski]

ако не държиш да е с картинка :
в html5 има специален атрибут на инпутите за това :

<input type="text" placeholder="въведи потребителско име" />
цъкаш , почваш да въвеждаш нещо и се маха това "въведи .."

 

[kikity_94]

[css]font: 12px Arial, Helvetica,sans-serif;[/css]
Това го добавяш и си готов

По-добър вариянт е така

[css]
font-size: 12px;
font-family: arial;
font-weight: bold;
[/css]

Тъй като някой браузъри съм забелязъл, че не се справят добре с font: