HTML登录表单：提供用户名，自动填充密码

Question

我需要一个登录表单，我只需要提供用户名，因为它会记住我的密码并自动填写密码字段（例如，像gmail auth）。

我该如何实现？

谢谢

路卡

Answer 1

提醒人们避免将头撞在墙上：Chrome 不会在不受信任的站点上保存和建议密码。

因此，如果您在 的本地服务器上进行测试https://localhost，并且尚未生成有效且受信任的证书，则将无法测试 Chrome 的此功能。

Answer 2

这种类型的行为通常由浏览器定义。但是，您可以采取一些措施来改善此行为。

确保您为表格使用描述性名称

<label for="username">Username</label><input type="text" name="username" />
<label for="password">Password</label><input type="password" name="password" />

使用这些名称确实可以有所作为。例如，我使用Opera浏览器，并在设置中设置了一些值。例如“名称”，“地址”，“电话号码”。歌剧将查找具有相同名称的字段，我可以让Opera为我填写。

接下来的两件事仅在Internet Explorer中受支持，如果不考虑的话，我将不使用任何建议来实现它们

我的意思是，我认为实施它们无害。它只是为Internet Explorer用户提供了更多支持，但我不会依赖他们

Internet Explorer还支持一个名为的属性autocomplete，您可以控制该属性是否应自动完成IO input。您可以按以下方式使用它

<input type="text" name="username" autocomplete="on" /> <!--Enabled-->
<input type="text" name="username" autocomplete="off" /> <!--Disabled-->

另外（我认为仅IE功能）是vCard的支持。您可以添加一个属性VCARD_NAME，它允许浏览器填写适当的vCard值。例如

<input type="text" name="email" VCARD_NAME="vCard.Email" />