上一篇JS教程學習了：Javascript初學者實例教程(5):Document對象
實例六
本實例主要介紹了Document對象讀取表單元素的使用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function firstSubmit(){
alert(document.form1.a01.value);//將表單名為a01的值顯示出來
}
function copyFirstSubmit(){
alert(document.form1.a01.value);
document.form1.a02.value=document.form1.a01.value;//將表單名為a01的值給a02，取a01的值也可以使用、、、//document.form1.elements[0].value
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM name="firstForm" METHOD=POST ACTION="">
<INPUT TYPE="text" NAME="firstText" value="哈啰">
</FORM>
<FORM name="secondForm" METHOD=POST ACTION="">
<INPUT TYPE="text" NAME="secondText" value="哈啰">
<INPUT TYPE="submit" name="hehe" value="哈哈">
</FORM>
<SCRIPT LANGUAGE="JavaScript">
<!--
var first = document.firstForm.name;
var second = document.secondForm.name;
//alert("第一個表單的名字："+first);//讀取表單元素，將注釋去點即可
//alert("第二個表單的名字："+second);
//alert("第二個表單的按鈕的name是："+document.secondForm.elements[1].name);
//alert("第二個表單文本域的值："+document.secondForm.elements[0].value);
//alert("第一個文本域："+document.firstForm.firstText.value);
//-->
</SCRIPT>
<FORM name="form1" METHOD=POST ACTION="">
a01<INPUT TYPE="text" NAME="a01"/><INPUT TYPE="button" name="01s" value="提交" onclick="firstSubmit()"/><br/>
a02<INPUT TYPE="text" NAME="a02"/><INPUT TYPE="button" name="02s" value="提交" onclick="copyFirstSubmit()"/>×在a01中輸入值後再提交
</FORM>
</BODY>
</HTML>
效果演示：