Form对象

最新推荐文章于 2021-10-18 08:40:07 发布

confirmAname

最新推荐文章于 2021-10-18 08:40:07 发布

阅读量839

点赞数

文章标签： Form

本文链接：https://blog.csdn.net/confirmAname/article/details/9131357

版权

如果你对使用HTML表单的服务器端程序设计已经略知一二，那么就会发现在JavaScript中使用表单的情况与前者完全不同。在服务器端模型中，具有输入数据的表单被提交给Web服务器，它的重点在于处理整批的数据，然后动态地生成一个新网页作为响应。而JavaScript程序中，重点不在于表单的提交和处理，而在于事件处理，一个表单及其所有输入元素都具有事件句柄，JavaScript可以使用这些处理程序响应用户与表单的交互。事件句柄常常是一个JavaScript程序的核心元素。

Form对象 :

JavaScript的Form对象代表一个HTML表单。Form对象通常可以作为forms[ ]数组的一个元素来使用，而forms[ ]数组是Document对象的一个属性。所以 document.forms[0] 指的就是文档中的第一个元素。Form对象最有趣的属性就是elements[ ]数组，它包含表示各种表单输入元素的JavaScript对象。所以 document.forms[1].elements[2] 引用当前窗口文档内的第二个表单的第三个元素。例如如下代码：

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<script>
		
		</script>
	</head>
	<body>
		<form>
		
		</form>
		<form action="">
			username:<input type="text" name="username"><br>
			password:<input type="password" name="password"><br>
			age:<input type="text" name="age"><br>
			<input type="submit" value="confirm">
		</form>
		<a href="javascript:alert(document.forms[1].elements[1]);">test</a>
	</body>
</html>