How can I hide the last digit when I'm typing a password on my website on iOS

Question

I have an input tag with password type on my website.

<input type="password">

With iPad or iPhone, it shows always the last letter when you are typing a password.

My problem is that I do a lot of demonstrations of my website with iPad.

I don't want that iPad shows the last letter when I'm typing my password.

Can I fix this by modifying something on my website?

Answer 1

No, iOS shows the last letter of the password typed by default and there is no way to disable that.

For demonstration purposes, you have a few options that I can think of. If using a projector, or TV-out, disconnect the device or turn off the screen while entering the password or you can set up a "demo" account for whatever you are going to demo.

By setting up a "demo" account (and this is just a personal thought), you can continue without skipping a beat (compared to turning off a screen, etc.), and if the viewers of your presentation see a "demo" account login / password it shouldn't matter too much, right?

Also, this should go without saying, if using a demo account, make sure it has limited access, obviously!

Answer 2

The iOS password control lets you paste a password into it (even the iTunes store password popup dialog).

Why don't you use a password app such as pwSafe to store and then copy the password to the clipboard, or even precopy the password into the clipboard before the demo? That way you haven't got to reinvent the password control, or mess around with demo accounts.