Как да променя типа на text-поле при неговия focus

NevarMore

Registered
Така имаме един обикновен LoginPad.
6542986j.png

Та това което искам да кажа е как при натискане на текстовото поле Парола, стойността вече да излизат с звездички,но ако стойността е null то да се върне надписа Парола.

Благодаря !
 
Вариант 1:
HTML:
<input type="password" placeholder="Парола" />
placeholder не се поддържа от IE 9 и надолу

Вариант 2:
http://jsbin.com/EGUxEJe/1/edit

Не работи на IE 8 и надолу, тъй като type property-то във въпросните версии е read only property и не може да се сетва. Хвърля exception.

Вариант 3:
http://jsbin.com/AMAJikI/1/edit

Работи под всички браузъри, може и да има по-оптимален начин да се направи, това ми хрумна като първо Cross-browser решение.
 
Гласувам за placeholder, вярно, че съпорта му е малко зле със старите браузъри, но ако таргет групата ти не е от арабския свят, мисля че няма да имаш проблеми :)
 

Back
Горе