【发布时间】：2012-12-27 15:53:36
【问题描述】：
在这里演示：
http://jsbin.com/welcome/73795/edit
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<input type="password" name="password" />
<button>Show Password</button>
$(document).ready(function() {
$('button').click(function() {
$('input').attr('type', 'text');
});
});
我正在尝试创建一个按钮（或复选框），用户可以切换该按钮以查看以纯文本形式写入的密码。
这基本上适用于输入密码很痛苦的便携式设备，而在编写时以纯文本形式查看密码是一种用户体验改进。
在我上面的示例中，更改输入的类型不起作用。
对如何解决这个问题有什么建议吗？
【问题讨论】：
-
尝试使用两个同步的输入元素，并交替隐藏一个并显示另一个。
-
jQuery 不允许这样做。检查这个：stackoverflow.com/questions/1544317/…
-
@TJ- 实际上，这已经足够接近骗子了。
-
2017 - 现在可以更改输入类型。我对 Grijesh 视频中的解决方案做了一些调整：jsfiddle.net/herLkape。通过 IE11、GC 59 和 FF54 测试。
标签： jquery html button passwords