HTML登录表单:提供用户名,自动填写密码

时间:2011-04-19 07:07:32

标签: html forms autocomplete passwords

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

我怎么能实现这个目标?

感谢

卢卡

3 个答案:

答案 0 :(得分:4)

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

确保为表单使用描述性名称

<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浏览器功能,我认为...)是vCards的支持。您可以添加属性VCARD_NAME,并允许浏览器填写相应的vCard值。例如

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

答案 1 :(得分:0)

Gmail不会自动填写您的密码,而是您的浏览器执行此操作。

使用LastPass等内容可以提供帮助,但无论是否想要记住密码,您都需要将其留给个别用户。

答案 2 :(得分:0)

为人们避免撞到墙上的注意事项:Chrome不会保存并建议在不受信任的网站上输入密码。

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