在IE中隐藏密码显示不起作用
是因为IE浏览器对于密码输入框的默认行为不同于其他浏览器。在其他浏览器中，可以通过设置input元素的type属性为"password"来隐藏密码的显示，但在IE中，即使设置了type为"password"，也无法隐藏密码的显示。
解决这个问题的方法是使用JavaScript来实现密码的隐藏显示。可以通过在密码输入框的旁边添加一个复选框，当复选框被选中时，将密码输入框的type属性设置为"text"，即可显示密码；当复选框未选中时，将密码输入框的type属性设置为"password"，即可隐藏密码。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>隐藏密码显示示例</title>
<script>
function togglePasswordVisibility() {
var passwordInput = document.getElementById("password");
var checkbox = document.getElementById("showPassword");
if (checkbox.checked) {
passwordInput.type = "text";
} else {
passwordInput.type = "password";
}
}
</script>
</head>
<body>
<label for="password">密码：</label>
<input type="password" id="password">
<br>
<label for="showPassword">显示密码：</label>
<input type="checkbox" id="showPassword" onclick="togglePasswordVisibility()">
</body>
</html>在上述示例中，通过JavaScript的togglePasswordVisibility函数来切换密码输入框的type属性，从而实现密码的隐藏显示功能。当复选框被选中时，密码输入框的type属性被设置为"text"，密码将以明文显示；当复选框未选中时，密码输入框的type属性被设置为"password"，密码将被隐藏。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云主页：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云网络安全（DDoS 高防、Web 应用防火墙等）：https://cloud.tencent.com/product/ddos
相关·内容
以下内容不适用于我的IE11： display: none;次要问题，可能不相关:不管我有没有它，我都会得到相同的东西，我猜这是它的工作方式:当你第一次进入密码字段时，你会得到显示/隐藏图标，更改字段，再回到里面，图标就会消失。
浏览 13提问于2017-03-09得票数 0
如图所示，我在输入端设置了autocomplete='off'，但是Firefox仍在填充保存的用户名。
浏览 0提问于2015-06-12得票数 0
2回答
我试图隐藏密码显示图标使用CCS选择器，如下所示。ms-reveal{}我使用IE11，当在jsFiddle中检查兼容性时，它工作并隐藏密码显示图标。为什么它不工作在我的网站(本地和主机)。任何作为解决方案的想法都是值得赞赏的。
谢谢你！！
浏览 1提问于2016-07-28得票数 1
回答已采纳
当按钮被按下时，我正在使用jQuery模板向列表中添加新项目我设置了一个JSfiddle来演示有什么想法吗？
浏览 0提问于2012-08-10得票数 2
回答已采纳
2回答
根据第一个下拉值，隐藏第二个下拉值。但是hide()和show()在IE8中不能工作，但在Firefox中工作得很好。这两个都不能在IE 8中工作。
浏览 5提问于2014-06-18得票数 0
1回答
我有一个选择菜单，当点击一个选项时，它会显示/隐藏"livetransopts“div。在Firefox、Chrome等浏览器中运行正常，但在IE中运行不正常。有人能帮我吗？
浏览 0提问于2010-08-22得票数 1
回答已采纳
当页面加载时，我不希望div可见，而当按钮1-3被选中时，我希望div显示。当按钮4或5被选中时，我不想显示div。 要
浏览 1提问于2012-11-16得票数 0
回答已采纳
10回答
我有一个IE的问题(还有什么？)： z-index: 99; color: transparent;文本颜色在非IE浏览器中是透明的，但在所有IE浏览器(IE6-IE8)中它是黑色的，您可以看到它。
浏览 0提问于2010-05-08得票数 18
回答已采纳
我完成了一些jQuery代码来操作列表框项目的显示/隐藏，然后发现它在IE8中不起作用。这个简化的例子(假设页面上有一个列表框)可以很好地在Firefox中隐藏列表框的所有选项，但不适用于IE。你知道为什么这个不起作用吗？<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" &#x
浏览 0提问于2011-05-27得票数 0
回答已采纳
1回答
我使用下面的链接中的jquery在密码和文本字段之间进行登录切换
我正在IE上测试，基本上当你切换密码字段(用户名很好)时，输入字段在焦点上变小，这真的让我很恼火，我花了一个小时试图弄清楚，但不能，所以我想寻求帮助
浏览 0提问于2013-02-25得票数 0
回答已采纳
上面的网站在ie8中显示隐藏的布局。这意味着只能在低屏幕分辨率下显示。我在css媒体查询中使用了"display:none“。它在其他浏览器中运行良好。但在IE8中，它不起作用。
浏览 3提问于2014-01-24得票数 0
我有以下脚本，如果用户有浏览器ie9，那么我们修复了有关ie9不支持占位符的已知问题： // this is html5 placeholderinput.val(input.attr('placeholder')); }); }
当我在ie9<e
浏览 0提问于2015-09-13得票数 1
1回答
我有一个HTML5拖放游戏，它在IE中不起作用，所以我想基本上只以图像的形式显示答案。目前，我正在使用CSS来隐藏IE中的游戏div，并使用display: block;显示一个div，然后在Chrome等浏览器上使用display: none来隐藏它。
浏览 11提问于2012-12-27得票数 1
回答已采纳
2回答
表单和CSS问题
、、
1)有没有办法完全隐藏文本中的IE滚动条？(我主要关注IE8)溢出:隐藏或自动似乎不起作用。
2)有没有办法阻止safari和chrome“高亮显示”聚焦的表单元素？
浏览 3提问于2009-06-12得票数 1
回答已采纳
3回答
我遇到了一个可见性: IE7中隐藏的错误。我的CSS如下：float:left;visibility:hidden;}
基本上，我希望隐藏div中包含的所有内容，但仍然占用和保留空间(因此在本例中显示:无不起作用)。它可以在除IE7之外的所有浏览器中工作，它似乎忽略了CSS中</em
浏览 1提问于2012-11-01得票数 0
回答已采纳
3回答
$(document).ready(function () { $("#createGallery").show('slow'); $("#gallerySelect > option").not("#newGallery").click(function () {
$("#creat
浏览 6提问于2009-05-08得票数 0
回答已采纳
3回答
我用Flex语言编写了一个可以在浏览器中运行的。玩家通过按下键盘上的箭头按钮来移动，所以我需要捕获这些击键。事实上，当玩家按下其中一个键时，游戏动作就开始了。
浏览 1提问于2010-01-02得票数 2
回答已采纳
4回答
我试图用Java来隐藏密码。Sun java提出了一种隐藏密码的方法，如下所示。
try { } catch(InterruptedException ie) { }}
但这种方法有几个缺点。如果用户使用箭头键+删
浏览 4提问于2009-07-10得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
