Подсказка в поле input
Привет всем!
Есть всплывающая форма с подсказками в инпутах типа: <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' /> |
по новым технологиям есть атрибут 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" /> |
пробовал и placeholder - таже фигня…
а с этим: Цитата:
Вот ведь фигня какая - в такой же статичной форме всё норм... |
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" /> |
<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 или аналог и доп.стилем для него. |
Цитата:
|
Цитата:
|
Цитата:
|
Странный баг... У меня частный случай или ещё кто-то имеет такое?
|
Часовой пояс GMT +3, время: 00:28. |