表单重置输入角度 - Javascript

在web应用程序中，表单是很常见的一部分，使用者在输入数据时常常会犯错，或者不确定自己输入的正确性，这时候就需要重置表单，以便重新填写。Javascript提供了一种简单的方法来重置表单。

重置表单

可以使用reset()方法来重置表单，该方法将会把表单中所有的input、textarea和select元素都重设为之前的状态。

document.getElementById("myForm").reset();

例如，当用户完成表单中的某些操作后点击“重置”按钮时，就可以使用上述代码来重置表单。

清空表单

清空表单并不是重置表单，而是将表单中所有的input、textarea和select元素都清除（即设置为空）。可以通过循环遍历每个元素来实现清空表单。

var myForm = document.getElementById("myForm");

for (var i = 0; i < myForm.elements.length; i++) {
  var elem = myForm.elements[i];
  
  switch (elem.type) {
    case "text":
    case "password":
    case "textarea":
      elem.value = "";
      break;
    case "checkbox":
    case "radio":
      elem.checked = false;
      break;
    case "select-one":
    case "select-multiple":
      elem.selectedIndex = -1;
      break;
    default:
      break;
  }
}

上述示例使用了一个switch语句，根据元素类型分别处理。需要注意的是，对于select元素，需要将selectedIndex设为-1来清除选择。

结论

使用重置表单和清空表单可以帮助用户轻松地重新填写表单，提高用户体验。在开发过程中，我们要确保所有表单都有清空或重置元素。