去除浏览器input框自动填充（及样式）

2024年3月5日 158次阅读 来源: charlotteeeeeee

有时我们需要保证输入框的样式稳定，这时候就需要去除浏览器自带的填充input框的样式（或功能）

<!--类型为文本输入框-->
<input type="text" AUTOCOMPLETE="off" name="username" placeholder="请输入账号" id="username"/>
<!--其他类型输入框-->
<input type="text" AUTOCOMPLETE="off" onfocus="this.type='password'" name="password" placeholder="请输入密码" id="password"/>

注意点：
1，input框为文本输入框（type=’text’）
2，为input输入框添加属性’AUTOCOMPLETE=”off”‘，禁用掉自动填充
3，如果为其他类型的输入框，可先将其设置为文本输入框类型，当鼠标焦点到该输入框的时候更改其类型

    原文作者：charlotteeeeeee
    原文地址: https://segmentfault.com/a/1190000019660831
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞