js清空form表单数据

<form id="myForm">
  <input type="text" name="username" />
  <input type="password" name="password" />
  <button type="button" onclick="resetForm()">Reset</button>
</form>

<script>
function resetForm() {
  document.getElementById('myForm').reset();
}
</script>

<form id="myForm">
  <input type="text" name="username" />
  <input type="password" name="password" />
  <button type="button" onclick="clearForm()">Clear</button>
</form>

<script>
function clearForm() {
  var form = document.getElementById('myForm');
  for (var i = 0; i < form.elements.length; i++) {
    var element = form.elements[i];
    if (element.type !== 'submit' && element.type !== 'button') {
      element.value = '';
    }
  }
}
</script>

<form id="myForm">
  <input type="text" name="username" />
  <input type="password" name="password" />
  <button type="button" onclick="clearForm()">Clear</button>
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function clearForm() {
  $('#myForm')[0].reset();
}
</script>

function clearForm() {
  document.getElementById('username').value = '';
  document.getElementById('password').value = '';
  // 对于复选框和单选按钮
  document.getElementById('checkboxId').checked = false;
  document.getElementById('radioId').checked = false;
}