这对我来说就像一种魅力。

将表单的自动完成属性设置为关闭添加虚拟输入字段，并将其属性设置为禁用。

<form autocomplete=“off”><input-type=“text”autocomplete=“off”style=“display:none”></form>

将输入保留为文本类型并隐藏。在DOMContentLoaded上，调用一个函数来更改密码类型并显示字段，延迟1秒。

document.addEventListener（'DOMContentLoaded'，changeInputsType）；函数更改InputsType（）{setTimeout（函数）{$（/*selector*/）.prop（“type”，“password”）.show（）；}, 1000);}

提供的答案在我测试的所有浏览器上都不起作用。基于已经提供的答案，这是我最终在Chrome 61、Microsoft Edge 40（EdgeHTML 15）、IE 11、Firefox 57、Opera 49和Safari 5.1上测试的结果。由于多次试验，它很古怪；然而，它确实对我有用。

<form autocomplete="off">
    ...
    <input type="password" readonly autocomplete="off" id="Password" name="Password" onblur="this.setAttribute('readonly');" onfocus="this.removeAttribute('readonly');" onfocusin="this.removeAttribute('readonly');" onfocusout="this.setAttribute('readonly');" />
    ...
</form> 

<script type="text/javascript">
    $(function () {           
        $('input#Password').val('');
        $('input#Password').on('focus', function () {
        if (!$(this).val() || $(this).val().length < 2) {
            $(this).attr('type', 'text');
        }
        else {
            $(this).attr('type', 'password');
        }
    });
    $('input#Password').on('keyup', function () {
        if (!$(this).val() || $(this).val().length < 2) {
            $(this).attr('type', 'text');
        }
        else {
            $(this).attr('type', 'password');
        }
    });
    $('input#Password').on('keydown', function () {
        if (!$(this).val() || $(this).val().length < 2) {
            $(this).attr('type', 'text');
        }
        else {
            $(this).attr('type', 'password');
        }
    });
</script>

在这次谈话中，没有一个解决方案对我有效。

我终于找到了一个纯HTML解决方案，它不需要任何JavaScript，可以在现代浏览器中工作（除了Internet Explorer；至少要有一个捕获，对吗？），并且不需要对整个表单禁用自动完成。

只需关闭表单上的自动完成功能，然后为您希望在表单中工作的任何输入打开它。例如：

<form autocomplete="off">
    <!-- These inputs will not allow autocomplete and Chrome
         won't highlight them yellow! -->
    <input name="username"  />
    <input name="password" type="password" />
    <!-- This field will allow autocomplete to work even
         though we've disabled it on the form -->
    <input name="another_field" autocomplete="on" />
</form>

我的解决方案是使用angular js指令动态更改文本输入类型它就像魅力一样

首先添加2个隐藏文本字段

然后添加一个像这样的角度指令

 (function () {

    'use strict';

    appname.directive('changePasswordType', directive);

    directive.$inject = ['$timeout', '$rootScope',  '$cookies'];

    function directive($timeout,  $rootScope, $cookies) {
        var directive = {
            link: link,
            restrict: 'A'
        };

        return directive;

        function link(scope,element) {
            var process = function () {
                var elem =element[0];
                elem.value.length > 0 ? element[0].setAttribute("type", "password") :
                element[0].setAttribute("type", "text");
            }

            element.bind('input', function () {
                process();
            });

            element.bind('keyup', function () {
                process();
            });
        }
    }
})()

然后在需要阻止自动完成的文本字段中使用它

    <input type="text" style="display:none">\\can avoid this 2 lines
    <input type="password" style="display:none">
    <input type="text"  autocomplete="new-password" change-password-type>

注意：不要忘记包含jquery，并在开始时设置type=“text”

最佳解决方案：

防止自动完成用户名（或电子邮件）和密码：

<input type="email" name="email"><!-- Can be type="text" -->
<input type="password" name="password" autocomplete="new-password">

阻止自动完成字段：

<input type="text" name="field" autocomplete="nope">

说明：autocomplete在＜input＞中继续工作，autocomplete=“off”不工作，但您可以将off更改为随机字符串，如nope。

工作地点：

铬：49、50、51、52、53、54、55、56、57、58、59、60、61、62、63和64Firefox：44、45、46、47、48、49、50、51、52、53、54、55、56、57和58