Подсказка в поле input

[alex-boa]

Привет всем!
Есть всплывающая форма с подсказками в инпутах типа:

<input type='text' id='contact-name' class='contact-input' onclick='this.value=';' onfocus='this.select()' onblur='this.value=!this.value?'Имя':this.value ;' value='Имя' name='name' />

При клике по окну подсказка не пропадает, а выделяется. Заказчик по этому поводу парится - хочет, чтобы пропадала и появлялся мигающий курсор.
А я не могу никак…

[рони]

alex-boa, может placeholder?

<input type='text' id='contact-name' class='contact-input' placeholder="Имя"  name='name' />

[devote]

по новым технологиям есть атрибут placeholder

<input type="text" placeholder="Имя" />

но это не будет работать в старых браузерах, для них конечно:

<input type="text" id="contact-name" class="contact-input" onfocus="if(this.value=='Имя')this.value='';" onblur="if(this.value=='')this.value='Имя';" value="Имя" name="name" />

[alex-boa]

пробовал и placeholder - таже фигня…

а с этим:

<input type="text" id="contact-name" class="contact-input" onfocus="if(this.value=='Имя')this.value='';" onblur="if(this.value=='')this.value='Имя';" value="Имя" name="name" />

даже текст не выделяется…(

Вот ведь фигня какая - в такой же статичной форме всё норм...

[рони]

alex-boa,
может так ?

<input type="text" id="contact-name" class="contact-input" onclick='return false' onmouseup="return false" onfocus="if(this.value==this.defaultValue)this.value=''; else this.select();" onblur="if(this.value=='')this.value=this.defaultValue;" value="Имя" name="name" />

[danik.js]

<style>
input:focus::-webkit-input-placeholder{
    visibility: hidden !important;
}
input:focus::-moz-placeholder{
    visibility: hidden !important;
}
</style>
<input type='text' id='contact-name' class='contact-input' placeholder="Имя"  name='name' />

Плюс префикс для IE, плюс placeholders.js или аналог и доп.стилем для него.

[devote]

Плюс префикс для IE, плюс placeholders.js или аналог и доп.стилем для него.

и плюс еще десяток костылей...

[alex-boa]

<input type="text" id="contact-name" class="contact-input" onclick='return false' onmouseup="return false" onfocus="if(this.value==this.defaultValue)this.value=''; else this.select();" onblur="if(this.value=='')this.value=this.defaultValue;" value="Имя" name="name" />

таже фигня - текст не выделяется и не исчезает...

[alex-boa]

<style>
input:focus::-webkit-input-placeholder{
    visibility: hidden !important;
}
input:focus::-moz-placeholder{
    visibility: hidden !important;
}
</style>
<input type='text' id='contact-name' class='contact-input' placeholder="Имя"  name='name' />

…так поприкольней: курсор падает в начало строки, но текст не пропадает, а пропадает только когда начинаешь набирать свой…)

[alex-boa]

Странный баг... У меня частный случай или ещё кто-то имеет такое?