title: "Show password as text" control
body: <p>I have a usual login form consisting of two input fields, one for login, one for password. I am currently trying to add a control that will show entered password as plain text, so user can check it for typos.</p>
  
  <p>The problem is that browsers (at least Firefox) do not allow dynamic changing of <code>type</code> attribute of input fields, so I cannot just change <code>type="password"</code> to <code>type="text"</code>. Another problem is that browsers do not allow to get value of password field, so I can't create a new <code>input type="text"</code> and set its value to the password's one. I've seen several different approaches to this task, including <a href="http://blog.decaf.de/2009/07/iphone-like-password-fields-using-jquery/" rel="noreferrer">this one</a>, but they are working only if the password is typed and fail when browser autofills the password.</p>
  
  <p>So, any suggestions to do this are welcome. I am using jQuery.</p>