Reset form全部

有初始值的 form 表单在点击默认的 Reset 按钮时,表单元素并不能清空,而是恢复初始值,相信这并不是我们期望的,本文介绍的是用 javascript 解决这一问题的方法

<form name="testForm">
    <input type="button" value="Javascript Clear" onclick="clearForm('testForm')" /> 
</form> 
function clearForm(formName) {    
var formObj = document.newApplForm;    
   var formEl = formObj.elements;     
   for (var i=0; i<formEl.length; i++){     
       var element = formEl[i];        
        if (element.type == 'submit') { continue; } 
        if (element.type == 'reset') { continue; }      
        if (element.type == 'button') { continue; }       
       // if (element.type == 'hidden') { continue; }     
        if (element.type == 'text') { element.value = ''; } 
        if (element.type == 'textarea') { element.value = ''; } 
        if (element.type == 'checkbox') { element.checked = false; }    
        if (element.type == 'radio') { element.checked = false; } 
        if (element.type == 'select-multiple') { element.selectedIndex = -1; }
        if (element.type == 'select-one') { element.selectedIndex = -1; }   
      } 
}


你可能感兴趣的:(JavaScript,html)