使用星号屏蔽HTML表单文本字段

Question

I have a situation where we are encoding and then sending the phone number entered by user in the Form text field to the back end. So when the user hits submit button the value of the Phone Number text field is encoded and same encoded value becomes visible in the text field till the next page loads. And if user hits the back button he would still see the encoded values which again is a bad user experience.

This encoded value may confuse the users. Is there is solution where we can just show asterisk instead of the encoded value and at the same time the back end receives the same encoded phone number.

Please share your views on this.

Many Thanks,

Answer 1

您可以将输入字段的类型从<input type="text" name="fieldname">更改为<input type="password" name="fieldname">或隐藏它<input type="text" name="fieldname" style="display: none;">

Answer 2

Create a hidden field, then when the form is submitted, populate the hidden field with the encoded phone number. Then change the value of the visible phone to * .