如何在提交到其他页面和上一页面时清除输入文本记录

<form>
  <input type="text" name="username" value="John Doe">
  <input type="password" name="password" value="********">
  <input type="reset" value="Reset">
  <input type="submit" value="Submit">
</form>

<form onsubmit="clearForm()">
  <input type="text" name="username" value="John Doe">
  <input type="password" name="password" value="********">
  <input type="submit" value="Submit">
</form>

<script>
  function clearForm() {
    document.getElementsByName("username")[0].value = "";
    document.getElementsByName("password")[0].value = "";
  }
</script>

<form autocomplete="off">
  <input type="text" name="username" value="John Doe">
  <input type="password" name="password" value="********">
  <input type="submit" value="Submit">
</form>