HTML 输入的自动完成属性不起作用答案

【问题标题】：Autocomplete attribute for HTML input doesn't workHTML 输入的自动完成属性不起作用
【发布时间】：2012-09-19 15:25:45
【问题描述】：

我有一个带有登录按钮的表单。当我点击登录按钮时，我正在显示一个登录对话框。

代码如下：

if (typeof window.loginDialogObj === 'undefined') {
    var registerAddress = jQuery('#registerAddress');
    var forgotURL = jQuery('#forgotURL');
    var formHTML = "<div id='loginDialogDiv'>" +
                "   <div id='loginDialogText'>" + pageDictionaryTranslated.LoginDialogText + "</div>" +
                "   <div class='loginTitle'>Username</div> <input id='username' name='username' type='text'><span id='LoginUsernameValidator' style='display:none' class='asterix'>*</span><br/><br/>" +
                "   <div class='loginTitle'>Password</div> <input id='password' name='password' type='password'><span id='LoginPasswordValidator' style='display:none' class='asterix'>*</span><br/>" +
                "   <input id='password' type='hidden' value='test'><br/>" +
                "   <div class='loginDialogMessageContainer'><div id='loginDialogMessage' style='display:none' class='error-input ui-corner-all'></div><div class='clear'></div></div>" +
                "   <div class='forgot'><a href='" + forgotURL.val() + "'>" + pageDictionaryTranslated.LoginDialogForgotPassword + "</a><br/><a id='RegisterButton' href='" + registerAddress.val() + "'>" + pageDictionaryTranslated.ButtonRegister + "</a><br/></div>" +
                "   <div class='popupButton button buttonLogin' id='loginDialogSubmitButton' style='float:right;'><a onclick=\"javascript:DoLogin(window.loginDialogObj);return false;\" href='javascript:void(0);'>" + pageDictionaryTranslated.LoginDialogButtonLoginText + "</a></div>" +
                "</div>";
    window.loginDialogObj = jQuery(formHTML).dialog({
        title: pageDictionaryTranslated.LoginDialogTitle,
        closeOnEscape: true,
        draggable: false,
        resizable: false,
        dialogClass: 'loginModal modal',
        modal: true
    });
}
else {
    // display dialog and clear all fields
    resetFormFields(window.loginDialogObj).dialog('open');
    jQuery("#loginDialogMessage", window.loginDialogObj).html('');
}

当我点击登录按钮时，我发出一个 AJAX 请求，然后我重定向到受保护的区域。

问题是用户名和密码文本框无法自动完成，客户向我提出这个问题：“目前我们阻止浏览器自动完成，我们的开发人员对此感到很糟糕。我需要启用浏览器自动完成。”

我需要帮助！有什么想法吗？

感谢您的建议

【问题讨论】：

您应该标记您的问题，以便其他人可以更好地回答您的问题。我添加了'jquery'标签，也许你可以添加更多标签。

标签： jquery autocomplete

【解决方案1】：

我在 HTML 表单中看不到任何明确关闭自动完成功能的内容。

我想知道如果您将 HTML 放在页面上并在适当的时间使用 JavaScript 显示它，而不是在页面中注入 HTML 字符串，您是否会获得自动完成功能。

更新

实际上，问题可能在于没有表单 - 如果您将输入包装在 <form ...> 标记中，浏览器可能更有可能提供记住详细信息的功能。

我假设您的意思是浏览器不提供记住用户名和密码的功能？

【讨论】：