Browse Article by Topicsmask obfuscated asterisk text security
- How to Catch User's Browser Info
- Where have the Power Tools gone?
- Include Referrer in form within IFRAME
- How to Set Content Mask on a Form Field Based on Another Field Input
- Getting Started with the basics of Input Masking
Related Forum Questions
- How do I modify the "Masked Input Widget" to allow the user to enter a negative dollar value?
- Some fields are no longer showing after deleting other fields on the form
- Trouble - Quick Fields - Phone, with the option Shrink
- Can I insert today's date as a hidden field or a visible read-only field?
- Hided fields shows up when submission is edited by user
- How hide/show fields in form by using conditions?
- Authorize.net: Missing "Invoice Number Field" in new properties wizard.
- Can't submit form
- After a couple of editings of E-Mail Response fields are being automatically deleted
- Is it possible to pass variables using the URL?
How to Mask Input Text in Textbox FieldLast Update: May 10, 2016
Having your form input text obfuscated in some way is sometimes needed to keep your user's form confidential data hidden from bypasser's prying eyes.
Isn't it better if your form users were less worried and were not glancing around every time checking if someone is looking over their shoulder spying on what they are typing?
This easy to apply trick can do the job as well. Provided you do not take it more than for what it was supposed to be.
Things to consider when using this solution:
* This is not a security solution. Far from it, as there was no data security being considered on this nifty trick.
** Security measures are already built-in on all JotForm forms. A higher grade of form security that can be used on the form is the Form Encryption instead.
*** It is proven to work on Chrome browser and mobile browser as well. But it is 50/50 on chance it will not work on IE browser and Firefox browser. Browers were simply to each its own, so not all solutions will have similar success behavior on them.
As can be seen on the animated image below, it does work on mobile browser (using Iphone browser on this user guide)
Demo form : https://form.jotform.com/60957413785971
Steps on how to appy this trick on a form that uses Textbox field.
1. Get the field ID# of the field the input obfuscation will applied to. Use the field Properties to get the ID#. (in the demo form, the field ID# is #input_1)
2. Load the Form Designer and open the CSS Editor.
3. In the CSS editor add the CSS code like this. Just replace the field ID# with the one from your form (i.e. replace #input_1 with your own)
-webkit-text-security : disc;
4. Save the form.
Better test it before deploying.
For further assistance needed, contact us in our Support Forum