【问题标题】:HTML form only password input autofill WANTEDHTML 表单仅密码输入自动填充 WANTED
【发布时间】:2021-04-20 14:58:22
【问题描述】:

这是我的第一个问题和寻求帮助。我将一个域/子文件夹站点放在一起作为我家人的相册,只有静态 .js 从域索引页面通过密码表单在最底部(这就是所需的所有安全性 - 这是新生儿的照片,而不是银行的照片帐户)。我希望我的父母每次进入相册时都不必输入密码。但是,我无法让它为我自动填充密码。我尝试了解决方法(** added **),不仅没有成功,而且还弄乱了我的 .js 通行证。有什么建议吗?

https://vilem.fun/

<div>
    <form id="login-form">
    **<input type="password" name="username" id="password-field" class="login-form-field" placeholder="Single User" style="display: none;">**
    <input type="password" name="token" id="password-field" class="login-form-field" placeholder="Password Here" **autocomplete="current-password"**>
    <input type="submit" value="Family photoalbum" id="login-form-submit">
    </form>
    <br>
    <div id="login-error-msg-holder">
    <p id="login-error-msg">&nbsp;<br>Wrong Password<br>&nbsp;</p>
    </div>
</div>

【问题讨论】:

标签: html forms input passwords autofill


【解决方案1】:

试试这个:

自动完成=“开” 代替 autocomplete="当前密码"

<div>
    <form id="login-form">
        <input type="password" name="username" id="password-field" class="login-form-field" placeholder="Single User" style="display: none;">
        <input type="password" name="token" id="password-field" class="login-form-field" placeholder="Password Here" autocomplete="on">
        <input type="submit" value="Family photoalbum" id="login-form-submit">
    </form>
    <br>
    <div id="login-error-msg-holder">
        <p id="login-error-msg">&nbsp;<br>Wrong Password<br>&nbsp;</p>
    </div>
</div>

【讨论】:

  • 不幸的是,没有使用 chrome 自动填充。我尝试了更多变体,例如输入类型=文本/隐藏的固定值等等,但没有结果。我意识到 chrome 建议手动保存密码(密钥符号),但仅在登录时。使用 Edge,工作解决方案可以保存密码并随后自动填充:
  • 错误密码

【解决方案2】:

试试这个:


<div>
    <form id="login-form" autocomplete="on">
    <input type="password" name="password" id="password-field" class="login-form-field" placeholder="Password Here">
    <input type="submit" value="Family photoalbum" id="login-form-submit">
    </form>
    <br>
    <div id="login-error-msg-holder">
    <p id="login-error-msg">&nbsp;<br>Wrong Password<br>&nbsp;</p>
    </div>
</div>

【讨论】:

  • 可能浏览器无法识别,因为你没有“用户名”字段
  • 谢谢,见上面我的 cmets。
猜你喜欢
  • 2023-03-14
  • 2022-11-06
  • 2016-07-20
  • 2013-07-28
  • 2018-11-28
  • 1970-01-01
  • 2011-08-08
  • 2018-12-10
  • 2019-07-27
相关资源
最近更新 更多