How can I display a verification code with * representing each digit (like a Pass Code)

I would like the user to enter against a text box but not show what they are entering ie display an asterix instead of each digit.

Hi,

Since we do not support password field, the following workaround will help but this only work on webkit based browsers like Chrome. Simply inject this CSS code to your form. How-to-Inject-Custom-CSS-Codes

#input_3{

-webkit-text-security: disc;

text-security: disc;

}

Just change #input_3 with the field ID of the field you want to apply password mask. 

If you want it to work in all browsers, you have to take your form source code and edit the input text type with password. E.g. <input type="password" instead of <input type="text"

Thanks!

Thank you so much, that works a treat!

Hello,

On behalf of my colleague, you are welcome.

Do get back to us if you have any questions.

Thank you!

Do you know how to achieve this in IE9 using CSS?

Hi,

Please create a new thread for new questions.  In this case though, I will just go ahead and answer.  The CSS listed above did work for me across each browser I tried including IE.