Страница 1 из 1

Исчезающие слова при введении текста в поле формы

СообщениеДобавлено: Пн июн 20, 2011 0:46
PETERs602
В общем, вариантов достаточно много....
И я как-то особо не обращал внимание...на определенные проблемы раньше.
Честно говоря, сегодня убил целый день на один симпотичный скрипт на jQuery из умной книжки, но оказалось все значительно проще делается.

Код: Выделить всё
<form action="auth/login.php" method="post" accept-charset="utf-8">
<div class="auth-left1">
<input type="text" name="login" value="Логин" onfocus="this.value='';" onblur="if(this.value==''){this.value='Логин';}" size="12" maxlength="25" />
</div>
<div class="auth-left2">
<input type="text" name="password" value="Пароль" onfocus="this.value='';this.type='password';" onblur="if(this.value==''){this.value='Пароль';this.type='text';}" size="12" maxlength="40" /></div>
<div class="auth-left3"><input type="submit" value="OK" /></div>
</form>


Возможные проблемы: данный скрипт может не корректно работать со старыми версиями Сафари(2, 3?) и Хром.
Выход из ситуации описан тут:
http://edmondcho.com/2008/02/20/problem ... on-safari/
Код: Выделить всё

<input onfocus="this.value=''" value="Username" name="username" type="text" />
<input value="Password" name="password" type="text" onfocus="this.value='';this.type='password';this.select();" />


Аналогичные скрипты на jQuery не корректно обрабатывают до сих пор с Сафари и Хромом, честно говоря, для меня остается пока загадкой в чем причина, толи надо ждать более новых версий jQuery, толи я перепробывал не все альтернативные пути реализации. Но надо отметить, что реализация подобного через jQuery скорее всего ошибочна, так как потенциально несет в себе большее кол-во кода и большую нагрузку на браузер/комп пользователя.

Re: Исчезающие слова при введении текста в поле формы

СообщениеДобавлено: Вт сен 27, 2011 9:59
PETERs602
Код: Выделить всё
<form action="#">
<input type="text" name="login" value="Имя пользователя" onblur="if(this.value=='')this.value='Имя пользователя'" onfocus="if(this.value=='Имя пользователя')this.value=''" />

<input type="password" name="pass" value="Пароль" onblur="if(this.value=='')this.value='Пароль'" onfocus="if(this.value=='Пароль')this.value=''" />

<input type="submit" value="Войти" />
</form>