<script type="text/javascript">
/* DOM */
function fGetElementTypeDOM(){
var s="";
var frmObj=document.getElementById("frmA2");
for(var i in frmObj){
if(frmObj[i]!=null){
if(frmObj[i].type==undefined) continue;
s+="<p>";
s+="name = "+frmObj[i].name+"<br \/>";
s+="type = "+frmObj[i].type+"<br \/>";
s+="value = "+frmObj[i].value;
s+="<\/p>\n";
}
}
document.getElementById("redfGetElementType").innerHTML=s;
}
</script>
<form action="#" id="frmA2">
<p>
<input type="radio" name="pet" value="ham" />ハムスター
<input type="checkbox" name="fruit" value="apple" />リンゴ
<input type=text name="drink" value="coffee" size="8" />
<select name="age">
<option value="age10">10歳</option>
<option value="age20">20歳</option>
</select>
<input type="button" name="btn" value="ボタン" />
</p>
<p>
<input type="button" value="フォームの全エレメントの名前・タイプ・値を取得(DOM)" onclick="fGetElementTypeDOM()" />
</p>
<div id="redfGetElementType"></div>
</form>