Form 엘리먼트의 내용 확인

--> <input type="button" name="btn" value="폼 내용확인" onClick="listForm(this.form);">

////// 폼 엘리먼트 값 확인 자바스크립트 메소드 ////////////////////////

function listForm(theForm){
var elementLength = theForm.elements.length;
var message = 'Form.name [' + theForm.name + ']<br>';
message += 'Form.action [' + theForm.action + ']<br><br>';
message +='<center><input type="button" value="창닫기" onClick="self.close();"></center><br><br>';
message +='<table width="90%" bgColor="blue" align="center" border="0" cellpadding="0" cellspacing="1">';
message +='<tr bgColor="white"><td width="25%" align="center">Elements Name</td><td width="25%" align="center">Element Type</td><td width="50%" align="center">Element Value</td></tr>';


for( i = 0 ; i < elementLength ; i++ ) {
message += '<tr bgColor="white">';
message += '<td>&nbsp;&nbsp;'+theForm.elements[i].name+'&nbsp;&nbsp;</td>';
message += '<td>&nbsp;&nbsp;'+theForm.elements[i].type+'&nbsp;&nbsp;</td>';
message += '<td>&nbsp;&nbsp;';
if( theForm.elements[i].type == 'checkbox' ) {
message += theForm.elements[i].checked;
} else if( theForm.elements[i].type == 'select-one' ) {
for( j = 0 ; j < theForm.elements[i].options.length ; j++ ) {
if( j == theForm.elements[i].selectedIndex ) {
message += '<b>'+theForm.elements[i].options[j].value+'</b>&nbsp;&nbsp;';
} else {
message += '<font color="pink">'+theForm.elements[i].options[j].value+'</font>&nbsp;&nbsp;';
}
}

} else {
message += theForm.elements[i].value;
}
message += '</td><tr>';
}
message += '</table><br><br>';
message +='<center><input type="button" value="창닫기" onClick="self.close();"></center><br><br>';
var popupWin = window.open("","honey","width=700,height=400,left=0,top=0,resizable=yes,scrollbars=yes");
popupWin.document.write(message);
}