js循环获得form的值

最新推荐文章于 2022-04-21 14:45:28 发布

原创最新推荐文章于 2022-04-21 14:45:28 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#button #input #action #html

HTML 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，该页面包含一个表单和一个按钮。通过JavaScript实现了点击按钮后遍历表单元素并显示其名称及值的功能。此示例有助于理解HTML表单与JavaScript的基本交互方式。

<html> 
	<head> 
		<title> test </title> 
		<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 "> 
	</head> 
	<body   bgcolor= "#FFFFFF "   text= "#000000 "> 
		<form   name= "form1 " id="form1"   method= "post "   action= " "   > 
			<p> 
				<input   type= "text "   name= "textfield" value="aaaaa"/> 
				<input   type= "text "   name= "textfield1" value="bbbbb"/>
			</p> 
		</form>  
		<input   type= "button "   name= "Button "   value= "Button "   onclick= "test(); "/> 
	</body> 
	<script type="text/javascript">
		function   test() 
		{ 
			var form1 = document.getElementById("form1");
			for(i=0;i <form1.elements.length;i++) 
			{ 
				var   e   =   document.form1.elements[i]; 
				alert(e.name+"\t"+e.value); 
			} 
		} 
	</script> 
</html>