Дизайнер создал мне проблемку, пытаюсь решить её средствами JS.
Есть 2 стандартных инпута, в них написано 

В хтмл это выглядит грубо говоря так:

Но при наведении мышки на поле логина оно должно становиться пустым, чтобы юзер начинал печатать свой ник без удаления слова "Логин". Это я сделал так:
Такое решение устраивает. Хотел сделать то же самое для поля пароля - но тут начались проблемы, т.к. получается, что поле должно из типа "text" превращаться в "password" (чтобы при заходе на страницу юзер видел слово "Пароль", а при вводе пароля в поле печатались звездочки, а не буквы).

Сделал так:

где JS выглядит так:

В принципе работает, но есть 2 серьёзных минуса:
1) Браузер при таком раскладе не предлагает запомнить пароль.
2) В opere mini, которая вообще как-то криво работает с js, поле пароля приходит на скрипт входа почему-то пустым.

Сорри за многабукв, но может кто-то знает, как сделать грамотно такое поле пароля. Или видел на каких-то других сайтах подобное решение.

Это сообщение отредактировал(а) teroni - 3.10.2012, 15:53

Задача известная, много раз решенная, в некоторых случаях - даже на уровне броузера. Искать решения в гугле по слову `placeholder javascript`.

можно сделать так: изначально это type="password", потом тип меняется. причем, для опера мини можно попытаться вообще ничего не менять