js按钮清空表单

<form id="myForm">
  <input type="text" name="username" value="默认值">
  <input type="password" name="password">
  <button type="button" onclick="resetForm()">清空表单</button>
</form>

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

<form id="myForm">
  <input type="text" id="username" value="默认值">
  <input type="password" id="password">
  <button type="button" onclick="clearForm()">清空表单</button>
</form>

<script>
function clearForm() {
  document.getElementById('username').value = '';
  document.getElementById('password').value = '';
  // 如果有更多的字段，继续添加类似的代码
}
</script>

<form id="myForm">
  <!-- 表单内容 -->
  <button type="button" id="clearButton">清空表单</button>
</form>

<script>
document.getElementById('clearButton').addEventListener('click', function() {
  var form = document.getElementById('myForm');
  var elements = form.elements;
  for (var i = 0; i < elements.length; i++) {
    var element = elements[i];
    var type = element.type.toUpperCase();
    
    // 跳过按钮、提交、重置等非输入字段
    if (type === 'BUTTON' || type === 'SUBMIT' || type === 'RESET') {
      continue;
    }
    
    // 清空或重置字段值
    if (type === 'TEXT' || type === 'PASSWORD' || type === 'TEXTAREA') {
      element.value = '';
    } else if (type === 'CHECKBOX' || type === 'RADIO') {
      element.checked = false;
    } else if (type === 'SELECT-ONE') {
      element.selectedIndex = 0;
    }
    // 其他类型的输入字段可以根据需要处理
  }
});
</script>