fe-interview [html] 第13天 html5中的form怎么关闭自动完成？

trafficstars

第13天 html5中的form怎么关闭自动完成？

Apr 28 '19 21:04 haizhilin2013

设置form的autocomplete属性为off

Apr 29 '19 12:04 yxkhaha

autocomplete="off"

Jul 10 '19 07:07 chenliwen123

h5新增的补全功能，菜鸟教程上写的比较含糊比较难懂；解释：在部分浏览器上，foucs输入框可以把之前输入过的值自动填入，如果不想自动填入，可以关掉它； autocomplete="off" 默认是"on" 开启状态

一般业务下不会调整这个自动完成，因为对产品来说简化用户操作，建议打开

Jul 26 '19 04:07 seho-dev

在 input 标签中，可以设置 autocomplete="off" 来关闭自动完成。但这个属性在不同的浏览器上兼容并不好，因此需要配合 type="newpassword" 等其他属性来关闭自动完成。

Jul 27 '19 06:07 Konata9

看到这个问题我懵逼了，不知道啥是自动完成

Aug 07 '19 03:08 hc951221

@hc951221 正好学习下，查漏补缺

Aug 07 '19 03:08 haizhilin2013

TIM截图20190919152612.png 我来科普啦！

<form action="" id="formDom">
        <label for="in1">请输入</label><input id="in1" type="text" >
        <input type="submit" value="提交"  autocomplete='off'>
</form>

let formDom=document.querySelector('#formDom')
    formDom.onclick=function(e){
         e.preventDefault(); //阻止默认事件，防止自动提交
 }

Sep 19 '19 07:09 LeiDeMing

自动补全，自动完成第一反应不知道问的啥

Dec 10 '19 06:12 wython

操作表单form的autocomplete属性值

<form action="demo_form.html" method="get" autocomplete="off">
  First name:<input type="text" name="fname"><br>
  E-mail: <input type="email" name="email"><br>
  <input type="submit">
</form>

Dec 29 '19 02:12 zlqGitHub

也许把问题改成“自动填充”或者“自动补全”会好一点。

Feb 24 '20 05:02 lishichengyan

autocomplete=“off“ 默认是开启的，作用是你之前输入过并且提交过的表单，再次输入时会有会有自动补全的下拉

May 29 '20 07:05 blueRoach

autocomplate="off"

Jun 08 '20 08:06 giggleCYT

密码加onfocus="this.type='password" <input type="text" onfocus="this.type='password">

Jan 05 '21 09:01 Nehic

首先这个问题是一个不值得回答的问题，浏览器的自动填充功能是现代浏览器必备的功能，设计出来就是要使用的，没事你关闭干嘛。

上面回答使用 autocomplete="off" 在浏览器中并不会一直起作用，跨浏览器关闭自动填充并没有一个标准的写法，尤其在网站的登录界面，即使你已经设置了 autocomplete 为 off，但是浏览器仍旧会自动填充，详情查看the_autocomplete_attribute_and_login_fields

如果非要关闭浏览器自动填充，那么使用google搜索 Turning Off Autofill on browser ，第一条就是正确答案

Turning Off Autofill in Chrome:

1. Click the Chrome menu icon. (Three dots at top right of screen.)
2. Click on Settings.
3. In the "Autofill" section, expand the area for which you wish to disable Autofill.
4. Toggle the setting OFF if it is on. The system will automatically save your settings.