Html 文本框（Chrome）上的自动填充会导致在不按enter键的情况下进行预填充

我有一个非常奇怪的问题，这给我们的访客带来了很多问题

在普通的文本字段中，Chrome（和其他浏览器）建议预先填充字符串。当您将它们悬停并将鼠标移开时，它们不会被选中并写入文本框

然而，在我的设置中，我有一个奇怪的案例。当我将鼠标悬停在“选项”上，然后将鼠标移到该选项上时，它会在框中选择一个项目。这会导致大量“请输入电子邮件”消息，而用户会在屏幕上看到电子邮件

请参阅此视频中的问题：

此特定电子邮件的我的标记：

<input type="text" name="Email" placeholder="E-mail" id="newUserEmail" class="email_input newinputtxt">

有人有什么提示吗？因为我真的迷路了

编辑：

完整的ASP.NET MVC标记：

<asp:Content ID="Content1" ContentPlaceHolderID="plhMain" runat="server">
    <h2>Indtast e-mail adresse</h2>
    <div class="checkout__section checkout__section--login checkout_auth">
            <div class="single_login">
                 <div id="newUserBox">
                    <div id="provideUserEmailBox">
                        <div class="email_auth">
                            <div>
                               <input type="text" name="Email" placeholder="E-mail" id="newUserEmail" class="email_input newinputtxt" />
                            </div>
                            <span class="red auth-error-text" style="display: none;" id="invalidEmailText">Der skal indtastes en gyldig e-mail</span>
                                <ul class="red_checkmarks" style="margin-top: 5px;">
                                    <li>Vi bruger e-mail adressen til at sende en bekræftelse pa din ordre</li>
                                    <li>Hvis du vil, kan du logge ind eller oprette en konto på næste side.</li>
                                </ul>
                        </div>
                    </div>

                    <div id="createNewUserBtnBox">
                        <input id="newUserBtn" type="button" class="button button--primary" value="Fortsæt" />
                        <span class="red auth-error-text" id="createNewUserErrorText"></span>
                    </div>
                </div>
            </div>
            <div id="socialLoginList">
                <button class="pfacebook" type="button" name="provider" value="facebook" title="Log ind med din Facebook konto">
                    Facebook
                </button>
                <button class="pgoogle" type="button" name="provider" value="google" title="Log ind med din Google konto">
                    Google
                </button>
            </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $("#newUserEmail").keypress(function (event) {
                if (event.keyCode == 13) {
                    event.preventDefault();
                    $("#newUserBtn").click();
                }
            });

            var auth = CheckoutAuthorizationFlow({ LoginUserBox: "#loginWithUserBox", NewUserBox: "#newUserBox" });
            auth.Init();

            var facebookLogin = function () {

                var loginUrl = '/login?returnurl=' + encodeURIComponent(document.location.href) + '&r=' + (new Date().toUTCString()) + '&provider=facebook';

                //alert('facebook login');

                document.location.href = loginUrl;
                return;
            };

            var googleLogin = function () {

                var loginUrl = '/login?returnurl=' + encodeURIComponent(document.location.href) + '&r=' + (new Date().toUTCString()) + '&provider=google';

                document.location.href = loginUrl;
                return;
            };
            $(".pfacebook").click(facebookLogin);
            $(".pgoogle").click(googleLogin);

        });
    </script>
</asp:Content>

Indtast电子邮件地址
Der skal Inden gyldig电子邮件

Vi bruger电子邮件地址，直到发送到bekræftelse pa din ordre
这是一个很好的例子，它是一个很好的例子

脸谱网
谷歌
$（函数（）{
$（“#newUserEmail”）.keypress（函数（事件）{
如果（event.keyCode==13）{
event.preventDefault（）；
$（“#newUserBtn”）。单击（）；
}
});
var auth=CheckoutAuthorizationFlow（{LoginUserBox:#loginWithUserBox，NewUserBox:#NewUserBox}）；
auth.Init（）；
var facebookLogin=函数（）{
var loginUrl='/login？returnurl='+encodeURIComponent（document.location.href）+'&r='+（new Date（）.toutstring（））+'&provider=facebook'；
//警报（“facebook登录”）；
document.location.href=loginUrl；
返回；
};
var googleLogin=函数（）{
var loginUrl='/login？returnurl='+encodeURIComponent（document.location.href）+'&r='+（new Date（）.toutstring（））+'&provider=google'；
document.location.href=loginUrl；
返回；
};
$（“.pfacebook”）。单击（facebookLogin）；
$（“.pgoogle”）。单击（谷歌登录）；
});

所以我的室友，几年前一直在Wordpress工作，来到我的电脑前说：

“用表单标签包装它！”

所以我告诉他那是个可怕的主意，他说“试试看”

我做到了

他妈的成功了

---

So tl；dr->将其包装在表单标签中，它就可以工作了。。。我要哭了。

您已经标记了css，但没有类定义？还有，这只会发生在chrome上吗？@MrCoder我之所以标记CSS是因为我可能怀疑这是CSS的原因，但这可能是一个非常愚蠢的想法。我不使用其他浏览器，因此我无法在其他浏览器上强制提供电子邮件建议-仍在尝试您正在使用数据库？@jan199674不，这纯粹是Chrome内置的建议-这不是我自己的逻辑请发布更多代码-Chrome在测试时按照假设在占位符中显示文本