Проблемы с полем для ввода.

kolobok74
На сайте с 29.01.2006
Offline
267
738

В html-файле есть форма из 2 полей и 1 кнопки. Нужно, чтоб после нажатия кнопки форма отправлялась на e-mail. Код кнопки такой:


<form>
<input class="form" type="text" value="Ваше имя*"/>
<input class="form" type="text" value="Ваш телефон*" />
<input class="go" type="submit" value="" title=""/> </form>

При установке курсора в поле ввода, стандартное значение из него не пропадает. Как сделать, чтоб надпись "Ваше имя" пропадала и оставалось пустое поле, готовое для ввода.

DiAksID
На сайте с 02.08.2008
Offline
236
#1

по умолчанию поведение плейсхолдера в инпутах зависит от браузера. в хроме остаётся, в опере пропадает. хотите сами управлять поведением плейсхолдера - эмулируйте его скриптом, под джекверю есть хороший плагин jquery-placeholder с ним и у старых IE плейсхолдеры появляются.

UPD

таки у вас не плейсхолдеры :) пардонтий. тогда всё проще: надо на событиях onfocus/onblure отслеживать value поля. типа:

- под фокусом и value == стандартному => меняем на ''

onfocus="if (this.value=='стандарт') this.value='';"

- фокус потерян и value == '' => меняем на стандартное

onblure="if (this.value=='') this.value='стандарт';"
show must go on !!!...
дани мапов
На сайте с 06.09.2012
Offline
204
#2

Можно так:

HTML


<form>
<input class="form" type="text" placeholder="Ваше имя*" />
<input class="form" type="text" placeholder="Ваш телефон*" />
<input class="go" type="submit" title=""/> </form>

CSS


:focus::-webkit-input-placeholder { color:transparent; }
:focus::-moz-placeholder { color:transparent; }
:focus::placeholder { color:transparent; }
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
kolobok74
На сайте с 29.01.2006
Offline
267
#3

дани мапов, для Firefox помогло, а вот в IE просто пропали подписки к полям.

DiAksID
На сайте с 02.08.2008
Offline
236
#4
kolobok74:
... а вот в IE просто пропали подписки к полям.

в старых ослах плейсхолдеры не поддерживаются, только скриптами эмулируются.

конструкция на событиях onfocus/onblure тянет везде, но не так изяЧно и цвет придётся дополнительным классом устанавливать типа


onfocus="if (this.value=='стандарт'){ this.value=''; this.className=''; }"
onblure="if (this.value==''){ this.value='стандарт'; this.className='standart'; }"
kolobok74
На сайте с 29.01.2006
Offline
267
#5

Всем спасибо за ответа. Сделал. Дальше буду мучать Вас скриптом отправки почты, который начал прикручивать к этой форме :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий