/ best free open source web resources /

Graphic Resources

iPhone-like Password Fields jQuery Plugin

Posted · Category: Forms, MIT License

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.

iPhone-like Password Fields

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

  • sampi

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

  • sampi

    though its still nice =)

  • 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.

  • 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…

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons