HTML / CSS: How to do & ldquo; password & rdquo; enter the password?


How can you make the value in the password field visible? So, when typing your password in the field, it will not show the black dots, but the actual value that you are typing.


edit: Ok, so then a better question might be: How can I force the browser to remember the value in this 'password' field and treat it as a password?

Don't make it a password field, make it a normal text box.

If you need to switch the field type dynamically, there is a HOWOTO over on, and also several SO questions:

  • Javascript IE6/7/8 change input type
  • Changing the <input> type in IE with JavaScript
  • Javascript change input type dynamically doesnt work on IE8
  • change type of input field with jQuery

To ensure that browsers keep their normal behavior (saving/not saving passwords) you can convert this back to a password field upon submit.