WebMIEM
ВебМИЭМ

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

браузеры, домены, хостинг, языки разметки, клиентские и серверные скрипты

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

Сообщение PETERs602 » Пн июн 20, 2011 0:46

В общем, вариантов достаточно много....
И я как-то особо не обращал внимание...на определенные проблемы раньше.
Честно говоря, сегодня убил целый день на один симпотичный скрипт на 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 скорее всего ошибочна, так как потенциально несет в себе большее кол-во кода и большую нагрузку на браузер/комп пользователя.
Аватара пользователя
PETERs602
Site Admin
 
Сообщения: 810
Зарегистрирован: Ср сен 06, 2006 0:42
Откуда: Д123

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

Сообщение PETERs602 » Вт сен 27, 2011 9:59

Код: Выделить всё
<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>
Аватара пользователя
PETERs602
Site Admin
 
Сообщения: 810
Зарегистрирован: Ср сен 06, 2006 0:42
Откуда: Д123


Вернуться в Веб-технологии

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2

cron
line
www.WebMIEM.ru © 2006-2010