如何在Web表单字段/输入标记上禁用浏览器自动完成？

<form action="/submit" method="post">
 <label for="name">姓名：</label>
 <input type="text" id="name" name="name" autocomplete="off">
 <label for="email">邮箱：</label>
 <input type="email" id="email" name="email" autocomplete="off">
 <button type="submit">提交</button>
</form>

input {
  -webkit-auto-complete: off;
  -moz-auto-complete: off;
  -ms-auto-complete: off;
  -o-auto-complete: off;
  auto-complete: off;
}

document.querySelectorAll('input').forEach(function(input) {
  input.setAttribute('autocomplete', 'off');
});

document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault();
  const inputs = document.querySelectorAll('input');
  inputs.forEach(function(input) {
    input.value = '';
  });
  setTimeout(function() {
    inputs.forEach(function(input) {
      input.value = '';
    });
  }, 50);
});