Question

我有一个输入字段，目前看起来像这样： enter image description here

我希望像这样隐藏价值：

enter image description here

以下是踢球者，我知道给该字段type=password执行此操作，但遗憾的是我使用的软件在这种情况下会带来2个以上的密码字段。所以，我留下了标准的文本输入来创建效果。

我希望我可以对字段id进行一些CSS样式，以隐藏输入信息。感谢您关注此问题。

Answer 1

你可以使用：

input { -webkit-text-security: disc; /* Default */ }

如here

所述

Here也是其他浏览器的肮脏黑客

Answer 2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="txt/javascript">
<script type="text/javascript">
    function replaceT(obj){
        var newO=document.createElement('input');
        newO.setAttribute('type','password');
        newO.setAttribute('name',obj.getAttribute('name'));
        obj.parentNode.replaceChild(newO,obj);
        newO.focus();
    }
</script>
</head>
<body>
      <form>
          <input type="text" name="password"  onfocus="replaceT(this)">
      </form>
</body>
</html>

CSS隐藏表单输入字段

2 个答案: