需求:
用户输入的身份证信息需要隐藏,不显示,但提交的时候需要提交
实现:
本项目用antd pro组件
利用ProForm.Password 组件 可以让输入的内容全部以*显示,用来隐藏原本的内容。再设置fieldProps={{visibilityToggle: false }} 关闭 右边控制显隐的按钮 可实现
代码示例:
<ProFormText.Password name="pass" label="密码" fieldProps={{ visibilityToggle: false }} />
输入框显示和隐藏输入内容
最新推荐文章于 2024-07-09 15:47:48 发布
本文介绍了如何在AntdPro项目中使用ProForm.Password组件来隐藏用户输入的身份证信息,通过设置visibilityToggle属性为false,实现了在提交时只显示星号(*),确保信息安全。
摘要由CSDN通过智能技术生成