自动填充（登录凭据）在 IE11 和 Edge 中不起作用

Question

我使用 asp.net 核心 2.2 开发了一个 public 门户，用户必须登录才能进行评分。如果用户想要评分但未登录，则会显示 bootstrap 模态（见下文）登录表单。

问题：
Google Chrome（桌面和移动设备）、FireFox 和 Safari 移动设备按预期运行：首次登录后，浏览器会询问是否将凭据存储在浏览器中，下次登录时自动填写凭据。

在 IE11 和 Edge 中，这不起作用（浏览器不会询问是否应存储凭据并且不会自动填充）。备注：

浏览器的凭据配置正确（在自动填充下， "save password" 和 "save form entries" 已激活）。
IE11 和 Edge 存储其他站点的凭据

似乎 GC 、 FF 和 safari 寻找输入类型="password" 然后触发保存凭证。
看来这不适用于 IE 和 Edge。

通过搜索，我找到了这个帖子： How browser's identify login forms?

然后我把id改成密码输入“password”，加上name=“password”。
对于昵称，我添加了 name = “username”。（注意：FF 和 GC 不需要这个）。

不幸的是，这没有帮助....

我必须更改什么才能让凭据也从 IE11 和 Edge 存储？

登录密码：

<div class="modal fade;" id="BenutzerAnmeldung">
<div class="modal-dialog modal-dialog-centered">
  <div class="modal-content">
    <!-- Modal Header -->
    <div class="modal-header">
      <h4 class="modal-title">Anmelden als Benutzer</h4>
      <button type="button" class="close" data-dismiss="modal">&times;</button>
    </div>
    <!-- Modal body -->
    <div class="modal-body">
      <div style="font-size: 14px"> Um diese Funktion auszuführen, müssen Sie als Benutzer angemeldet sein. </div>
      <hr /> 
      <div id=Status style="padding-top: 5px; padding-bottom: 10px; font-size:16px">
        Aktueller Status: Nicht angemeldet
      </div>
      <hr /> 

      <div style="font-size: 16px"> Ihre Anmeldedaten:</div>
      <div class="form-group row" style="font-size: 14px ; padding-top:10px">
        <label for="TBNickname" style="width: 100px; font-size: 14px; padding-left: 15px; padding-top:5px ">Nickname:</label>
        <input name="username" type="text" class="form-control" id="TBNickname" placeholder="Ihr Nickname..." style="width: 150px; font-size: 14px; padding-top:10px ">
      </div>
      <div class="form-group row" style="font-size: 14px ; padding-top:10px">
        <label for="TBPasswort" style="width: 100px; font-size: 14px; padding-left: 15px; padding-top:5px ">Passwort:</label>
        <input  name="password" type="password" class="form-control" id="Password" placeholder="Ihr Passwort..." style="width: 150px; font-size: 14px; padding-top:10px ">
      </div>
    </div>
    <!-- Modal footer -->
    <div class="modal-footer">
      <div class="form-group row">
        <button type="button" class="btn btn-secondary" id="BenutzerAnmelden" style="width:135px; margin:5px;">Anmelden</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal" style="width:135px; margin:5px;">Schliessen</button>
        <div>
          <button type="button" class="btn btn-secondary" id="BenutzerNeuErfassen" style="width:280px; margin:5px;">Ganz neu als Benutzer erfassen</button>
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

我找到了它在 IE11 和 Edge 中不起作用的原因：
我只是将代码附加地嵌入到 <form> 标记中，现在它可以工作了....

所以我的结论是：
似乎 IE11 和 Edge 只触发 "save credentials dialog"，如果字段在 <form> 标签中嵌入，GC 和 FF 则不需要。

自动填充（登录凭据）在 IE11 和 Edge 中不起作用

Autofill (login credentials) don’t work in IE11 and Edge

html

authentication

internet-explorer-11

microsoft-edge