位置: IT常识 - 正文
禁止 input 自动填充(禁止input标签输入)
编辑：rootadmin推荐整理分享禁止 input 自动填充(禁止input标签输入)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:怎么禁用input框,input禁止弹出键盘,input设置禁用,input禁止弹出键盘,input禁止输入的方法,input禁止输入的方法,input禁止弹出键盘,input禁止弹出键盘,内容如对您有帮助，希望把文章链接给更多的朋友！
在编写 Form 表单样式的时候，修改自动填充后的 input 样式是很麻烦甚至不可行的，而且还有一些不需要自动填充的场景。
浏览器根据保存数据时表单控件的 type 和 name 去匹配。
常用的就是 type 为 password，name 为 emal、username、password、telephone 等，甚至不设置 name。
浏览器会在表单加载时候匹配到之前保存的表单空间，然后将保存在客户端的信息自动填充它，额外的数据可能会填充到相邻的表单控件中。
可以通过设置 autocomplete 为 off 关闭自动填充功能。
input 的 autocomplete 表示这个控件的值是否可被浏览器自动填充，设置为 off 表示用户必须手动填值，或者该页面提供了自己的自动补全方法。浏览器不对此字段自动填充。。
但是，当表单控件获取焦点时，浏览器仍会显示自动填充提示（选项框）。
而且实际情况下 type 为 password 的表单控件即便设置了 autocomplete="off" 也不能有效禁止自动填充（大部分下不起作用）。
幸运的是将 autocomplete 设置为 new-password 可以成功禁止，它表示新密码（如创建帐号或更改密码时使用）。
参考的是163邮箱：
而它的兼容性也不错：
方案总结要想禁止表单控件的自动填充功能，可以给这个 input 添加 autocomplete="new-password" 的属性，一个表单中如果存在多个 type="password" 只需给其中一个（无论哪一个）设置这个属性即可全部禁止。
设置 new-password 也可以禁止浏览器弹出自动填充提示，包括 type="password" 以外的控件。
上一篇：吕宋岛上的萤火虫环绕着榄仁树，菲律宾南甘马粦省 (© Jurgen Freund/Minden Pictures)(吕宋岛以南坐落着21座极大的岛屿)
下一篇：路由器登录地址如何查看？查看路由器登陆地址方法(华硕路由器登录地址)
