14.2.2 elements属性.html

javascript即用即差核心对象手册

<form name="frm" >
   姓名<input type="text" name="username" /><br>
   年龄<input type="text" name="userage"  size="4"/>
   <br>
   性别<input type="radio" value="1" name="usersex" checked="checked">男
       <input type="radio" value="0" name="usersex">女<br>
   <input type="button" value="确定" onclick="writeinfo()">
   <input type="reset" value="重添">
   <div id="info"></div>
</form>
<script>
   //输出form表单中元素信息
   function writeinfo()
   {
      var ctrs=document.frm.elements;
      var str="";
      with(document)
      {
           str+="<table style='border-collapse:collapse' border='1' bordercolor='#006600'>";
           for(var i=0;i<ctrs.length;i++)
           {
              ctr=ctrs.item(i);
              str+="<tr>";
              str+="<td>"+ctr.type+"</td><td>"+ctr.name+"</td><td>"+ctr.value+"</td>";
              str+="</tr>";   
           }
           str+="</table>";
      }
	  document.getElementById("info").innerHTML=str;
   }
</script>