怎么清空form中除readonly以外的数据

我们在做页面时，有些数据是不会让用户修改的。我们会在代码上加上 属性 readonly="readonly"，虽然加上了readonly，

但是属性为type="reset"的"取消"按钮会把页面上所有的数据都清除掉，那么怎么做能把属性不为 readonly="readonly"

且是用户填写的数据清除呢？我说一下我的方法。

页面代码：

<input type="reset" value="取消" >

改为：

<input type="button" value="取消" onclick="cancelDatas(this)">

js中取消按钮函数：

//取消按钮
function cancelDatas(button) {
//获取按钮的父类
var form=button.parentNode;
var tagname=null;
//循环 直到找到标签为FORM的值
while(tagname!="FORM" ){
form=form.parentNode;
if(form==null){break;}
//获得元素的标签名
tagname=form.tagName;
}
if(form!=null){
for (var i = 0; i < form.length; i++) {
if(form.elements[i].type=="text" && form.elements[i].getAttribute("readonly")!="readonly" ){
form.elements[i].value="";
}
}
}else {
button.type="reset";
}
}

一般数据在<form>中，所以找到form标签就行了，我的逻辑就是这样的，方法只清空type=="text"

的数据，如果清除下拉框等其他属性的值，逻辑是一样的。

如果有更好的方法，希望大神多多指导。我学习java的时间不长，需要更多的java知识才能成长。