form_prop.html

《JavaScript网页开发体验式学习教程》的源代码

<form name=form1 action="" method=post>
<input type=text name=user value="zhangsan">
<input type=submit name=submit1 value="递交">
</form>
<script language=javascript>
	function simu_submit()
	{
		//用form名称直接引用form对象
		form1.method = "get";
		/*将form名称作为document对象的属性来引用form对象，并用user作为form对象的属性来引用名为user的文本输入框元素对象。*/
		document.form1.user.value = "lisi";
		//下面的两条语句使用item方法来访问文本输入框元素对象
		//document.form1.item("user").value = "lisi";
//document.form1.item(0).value = "lisi";
		//下面的几条语句都是使用forms数组对象来引用其中的form1表单
		//document.forms.form1.user.value = "lisi";
		document.forms["form1"].action = "http://www.it315.org/deal.jsp";
		document.forms[0].submit();
	}
</script>
<a href="javascript:simu_submit()">递交表单</a>
<!-- 下面这条语句能实现与上面语句同样的功能
<a href="#" onclick="simu_submit();return false">递交表单</a>
-->