要实现隐藏输入值,但仍显示输入框的效果,可以使用 CSS 样式来实现。可以将输入框的 type 属性设置为'password',然后添加一些自定义的 CSS 样式来隐藏圆点或星号。

首先,在 HTML 中创建一个输入框:

<input id='myInput' type='password' readonly>

然后,在 CSS 中添加样式来隐藏圆点或星号:

#myInput {
  -webkit-text-security: none; /* 隐藏圆点或星号 */
  -moz-text-security: none;
  -ms-text-security: none;
  text-security: none;
}

这样就可以实现输入框中的值隐藏,但仍显示输入框本身的效果。


原文地址: https://www.cveoy.top/t/topic/hrDF 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录