前端知识12 html5中的form怎么关闭自动完成?

Scroll Down

h5新增的补全功能,菜鸟教程上写的比较含糊比较难懂;
解释: 在部分浏览器上,foucs输入框可以把之前输入过的值自动填入,如果不想自动填入,可以关掉它;你之前输入过并且提交过的表单,再次输入时会有会有自动补全的下拉
autocomplete="off"
默认是"on" 开启状态

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

<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(); //阻止默认事件,防止自动提交
 }