form.elements[]属性：除了跟踪表单中每种类型的元素外，浏览器还保留了一张表单中所有控件元素的列表，元素的顺序就是在HTML中的位置，所以对引用相当的方便。
代码如下：
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>表单（修改表单属性，修改表单元素值）</title>
<script language="javascript">
function gaibian()
{
var acti=document.getElementById("select").value//得到ID为select元素的值
var mont=document.getElementById("select2").value//同上
document.form1.action=acti//设置值
document.form1.method=mont//同上
}
function bian()
{
var form=document.forms[1]//将当前页第二个表单赋给变量form，以便以后引用
for(var i=0i<form.elements.lengthi++)//循环表单内的元素数组的最大项
{
if(form.elements[i].type=="text")//如果当前元素的类型是text
{
form.elements[i].value="田洪川"//那就把他的值赋成 田洪川
}
if(form.elements[i].type=="checkbox")//如果是复选框
{
if(form.elements[i].checked)//如果是选中的
{
form.elements[i].checked=null//取消选择
}
else
{
form.elements[i].checked="checked"//就给他选中
}
}
}
}
</script>
</head>
<body>
<p>其实在<a href="http://www.cnblogs.com/thcjp/archive/2006/08/08/470997.html">
<p><strong>根据需求，定做表单</strong></p>
<p>按下提交提交表单，后退，然后再点修改表单，然后再提交表单，看效果</p>
<form id="form1" name="form1" method="post" action="http://127.0.0.1/">
现在的指向是 test.asp ，方法是 post
<input type="submit" name="Submit2" value="提交表单" />
</form>
<p>
<select name="select">
<option value="http://thcjp.cnblogs.com/">博客</option>
<option value="http://163.com/">网易</option>
</select>
<select name="select2">
<option value="GET">get</option>
<option value="post">post</option>
</select>
<input type="submit" name="Submit" value="修改表单" onclick="gaibian()" />
</p><hr />
/步骤1
首先我做html页面模拟密码框图标找用箭代替眼睛
2
实现点击眼睛显示明文密码呢编思路改变inputtype类型默认password类型点击眼睛变text类型反亦
3
般思路ie8现错误提示type类型改变该办呢
4
候我换思路既改变type类型妨改变input框点击眼睛候换掉input行再点击候再换记保存inputvalue值
5
种直接写两input框text类型password类型点击眼睛候显示同输入框行记保存value值
<form name="form1">a:<input type="text" name="a"><BR><BR>b:<input type="radio" name="b" value="中国">中国<BR><BR>c:<input type="checkbox" name="c"><BR><BR>d:<input type="checkbox" name="d"><BR><BR>e:<input type="button" name="e" value="我是button"><BR><BR><input type="button" name="f" value="点击我获取type" onclick="showtype()"><input type="button" name="ff" value="点击我获取checkbox数量" onclick="shownum()"><input type="button" name="ff" value="点击我获取radio的值" onclick="showvalue()"></form> <script>function showtype(){ g=document.getElementsByTagName("input")for(i=0i<g.lengthi++){ alert(g[i].name+"的type是:"+g[i].type)} } function shownum(){ h=document.getElementsByTagName("input")hh=0for(j=0j<h.lengthj++){ if(h[j].type=="checkbox"){hh=hh+1} } alert("checkbox的个数是:"+hh)} function showvalue(){ k=document.getElementsByTagName("input")for(l=0l<k.lengthl++){ if(k[l].type=="radio"){alert("radio的值是:"+k[l].value)} } } </script>
