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

我们在做页面时，有些数据是不会让用户修改的。我们会在代码上加上 属性 readonly="readonly"，虽然加上了readonly，
但是属性为type="reset"的"取消"按钮会把页面上所有的数据都清除掉，那么怎么做能把属性不为 readonly="readonly"
且是用户填写的数据清除呢？我说一下我的方法。
页面代码：
<input type="reset" value="取消" >
改为：
<input type="button" value="取消" οnclick="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知识才能成长。