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

Question

我的情况是我们编码然后将用户在表单文本字段中输入的电话号码发送到后端。 因此，当用户点击提交按钮时，电话号码文本字段的值被编码，并且相同的编码值在文本字段中变得可见，直到下一页加载。如果用户点击后退按钮，他仍会看到编码值，这又是糟糕的用户体验。

此编码值可能会使用户感到困惑。 是否有解决方案，我们只能显示星号而不是编码值，同时后端接收相同的编码电话号码。

请分享您对此的看法。

非常感谢，

Answer 1

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

Answer 2

创建隐藏字段，然后在提交表单时，使用编码的电话号码填充隐藏字段。然后将可见手机的值更改为 * 。