09 Jul

Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn’t even increase security, but it does cost you business due to login failures.

That’s why Apple implemented an alternative method on iPhone/iPod Touch: passwords get masked while typing but the last character in row is shown in plain text. Compared to common password fields on the web this method improves usability.

Therefore, Stefan Ullrich has developed a dPassword jQuery Plugin for transforming password fields into iPhone-like password fields, which delays password masking. It works unobtrusive too. Non-JS users get the common masked password fields.

Requirements: jQuery Framework
Demo: http://blog.decaf.de/2009/07/iphone-like-password-fields…
License: MIT License

Sponsors

Comments

sampi

this type of password entering has been implemented in windows mobile since forever
sampi

though its still nice =)
http://www.toupil.fr Aurélien

great!
Twice

Come on, this works on the iPhone because the screen is relatively small. Ofcourse this does not work on 15″+ screens, because you can’t type a password with somebody near you. Why mask it at all, then?
Ben

Nice, but a) every mobile I’ve ever used does this, Apple didn’t invent it. b) It should be for the browser to choose whether to do this, otherwise you risk autocomplete showing previous passwords. there’s semantics associated with the password input type over and above just masking the letters. Still, it will keep Nielsen and his blind followers happy.
http://www.r1designs.net mdrisser

Great plugin, great idea (doesn’t really matter who first came up with it).

This is something that has been missing from the desktop world. Its a shame that browsers don’t give USERS the option of enabling this feature.
Matthew

Great Plugin.

I would argue that password masking is not necessary. Especially on a mobile device.

Wow the Microsoft zealots sure had a little shit fit at the iPhone reference…

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

Open Source Resources for Web Application Developers

iPhone-like Password Fields jQuery Plugin

Open Source Resources for You

subscribe to our newsletter - weekly free resouces for web developers

follow us on social sites - rss, facebook, google+, Twitter

Open Source Resources for You