解决Chrome上的表单自动填充无法禁用(autocomplete="off"属性失效)

去除黄色框样式,添加css样式

input:-webkit-autofill,
input:-webkit-autofill:focus
 {
    box-shadow: 0 0 0 1000px white inset;
}

在不需要自动补全下拉框的地方加入 autocomplete='new-password'

<input type="text" class="form-control" name="usr_sno" placeholder="账号"
               required autocomplete="new-password">

禁用密码输入框的自动补全

可以先将type设置为text, 在输入框触发onFocus时, 更改type为password

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通常情况下,如果不希望输入框自动填充,可以给input设置autocomplete="off"。 但是当输入框ty...
    Evelynzzz阅读 18,225评论 1 2
  • form简介 是HTML中的一个元素,它表示文档中的一个区域,这个区域包含了交互控件,用于向web服务器提交信息。...
    七里之境阅读 1,354评论 0 1
  • 今天晚上是我们黄埔一期的久违的聚会,会议在文创园樊登读书会举行的,我们黄埔一期的小伙伴们都非常期待这次难得的相聚。...
    我就是女神阅读 223评论 2 0
  • 雨不停的下 而你不回头的离去 留下我独自一人原地站立 你知道吗 我的心不舍得你离去 却又无可奈何 雨声淅沥 好像梦...
    墨竹山人阅读 402评论 0 2