html，css网页制作代码，html输入密码显示错误

嘿，大家好啊！这是小编最近在进行网页制作时遇到的一个问题，就是输入密码时显示错误的问题。可能很多小伙伴们也会遇到这个问题，所以今天小编就来给大家分享一下对于这个问题的解决方法哦！

首先，我们需要明确一点，即使我们是在 HTML 中创建了一个输入框，我们也需要在 CSS 中来设置它的样式。因此，要解决输入密码时显示错误的问题，我们需要从 CSS 入手。

首先，我们需要给我们的输入框添加 CSS 属性“type=”password””。这个属性告诉浏览器这是一个密码输入框，这样在输入时才会隐藏密码。但是，很多小伙伴们可能也会发现，即使添加了这个属性，依旧无法隐藏密码。那么，这时候我们就要更新一下 CSS 代码啦。

我们可以在 CSS 样式表中添加以下代码：

```

input[type=password] {

-webkit-text-security: disc;

-moz-text-security: disc;

text-security: disc;

}

```

这样就可以实现在输入密码时显示圆点的效果了。不过还有一种情况，如果我们输入错误密码时，浏览器可能会自动显示出我们输入的密码。这肯定不是我们想要的结果啊！那怎么办呢？

其实很简单，我们只需要在上面的 CSS 代码中加上一个属性就可以了：

```

input[type=password]:not(:focus) {

-webkit-text-security: disc;

-moz-text-security: disc;

text-security: disc;

}

```

这个代码的含义是：当输入框没有获取焦点时（即没有被选中），输入的字符也就会被隐秘地显示。

好了，到这里，我们已经完美地解决了密码输入时显示错误的问题。现在，大家可以上车啦！在未来的网页制作中，遇到了这个问题，就不用怕啦，直接复制这段代码就可以啦！ 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/