form表单的提交事件--禁止表单自动填写

阻止表单的默认行为 点击自动刷新页面

    <form>
      <input type="text" />
      <button>提交</button>
    </form>
    <script>
      // const button = document.querySelector('button');
      // button.addEventListener('click',function(event){
      //     //阻止表单默认行为
      //     event.preventDefault();
      // })

      //第二种
      const form = document.querySelector("form");
      form.addEventListener("submit", function (event) {
        event.preventDefault();
        console.log("提交");
      });
    </script>
  </body>

关闭表单的提示输入历史记录的行为

      <input type="text" />
      <input type="text" />
      <button>提交</button>
    </form>

给form表单添加autocomplete="off"属性即可