Question

我正在研究MVC5 Web应用程序，我有一个包含电子邮件，邮政编码和密码的简单注册表单。但是当我注册时，Chrome会记住邮政编码和密码而不是电子邮件和密码;下次当我尝试输入电子邮件时，邮政编码会显示为建议。

表单的标记如下：

我编辑了问题并粘贴了整个表格。请建议我除了上下移动电子邮件和密码外该怎么办。

<div class="wrapper">   

<div class="closeBetaWrapp">
    <div class="simplePopup">               

        <div class="loginWrapp signupWrapp">
            <div class="iconCont"><img src="images/orchaIcon.png" alt="Orcha"></div>

            <form action="">
                <div class="formrow ">

                    <div class="leftCol">
                        <label for="Email">Email</label>
                        <input class="formField" type="email" name="Email" id="Email" placeholder="Enter your email address here" />
                    </div>

                    <div class="leftCol">
                        <label for="Pcode">Postcode</label>
                        <input class="formField" type="tel" name="Pcode" id="Pcode" placeholder="Enter postcode here" />
                    </div>  

                    <div class="leftCol">
                        <label>Year of Birth</label>
                        <select id="" class="dropdown">
                            <option>Choose your year of birth</option>
                            <option>1980</option>
                            <option>1981</option>
                            <option>1982</option>
                            <option>1983</option>
                            <option>1984</option>
                            <option>1985</option>
                            <option>1986</option>
                            <option>1987</option>
                            <option>1988</option>
                            <option>1989</option>
                            <option>1990</option>
                            <option>1991</option>
                            <option>1992</option>
                            <option>1993</option>
                            <option>1994</option>
                            <option>1995</option>
                        </select>
                    </div>  

                    <div class="leftCol">
                        <label>Gender</label>
                        <select id="" class="dropdown">
                            <option>Choose your year of birth</option>
                            <option>Female</option>
                            <option>Male</option>
                        </select>
                    </div>  

                    <div class="leftCol">
                        <label for="Password">Password</label>
                        <input class="formField" type="password" name="Password" id="Password" placeholder="Enter your password here" />
                    </div>

                    <div class="rightCol">
                        <label for="CPassword">Confirm Password</label>
                        <input class="formField" type="password" name="CPassword" id="CPassword" placeholder="Enter password again" />
                    </div>  

                </div><!-- formrow -->
                <div class="formrow">
                    <div class="rightCol btnCol">
                        <input class="moreBtn" type="submit" value="Signup" />
                        <input class="moreBtn cnclBtn" type="reset" value="Cancel" />
                    </div>  

                </div><!-- formrow -->
            </form>
        </div>



    </div>
</div><!-- closeBetaWrapp -->

Answer 1

浏览器通过form.elements [n] .type ==“password”检测密码并遍历所有文档。然后，它通过向后搜索密码字段之前的文本字段的表单元素来检测用户名字段。

因此，在您的情况下，它会将您的邮政编码视为您的用户名字段并记住此信息。

因此，解决方案是将邮政编码字段移到电子邮件字段上方。

如果即使在移动后也无效，请从Chrome设置中的“已保存密码”中删除以前保存的邮政编码 - 密码值。同时使用向下箭头键删除任何以前保存的值，以选择建议并按Shift + delete。

我获得了有关浏览器如何检测用户名密码字段here＆amp; here

Answer 2

您可以使用autocomplete属性告诉浏览器该字段包含的内容。例如：

<input class="formField" autocomplete="postal-code" type="text" name="PostCode" id="PostCode" placeholder="Enter your postcode here" />

有关详细信息，请参阅https://html.spec.whatwg.org/multipage/forms.html#autofill。

Chrome会记住邮政编码而不是电子邮件/用户名

2 个答案: