HTML DOM 获取form表单项中的值方式

最新推荐文章于 2024-01-22 16:22:38 发布

梦康

最新推荐文章于 2024-01-22 16:22:38 发布

阅读量3.7k

点赞数 1

分类专栏： JS

JS 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用HTML DOM来获取网页中表单元素值的方法。通过示例代码展示了如何利用JavaScript从指定表单中读取用户输入的文本值。

<html>
	<head>
		<title>HTML DOM</title>
		
	</head>
	<body>
		<!-- html注释 -->
		<h2 style="color:red">HTML DOM 获取form表单项中的值方式</h2>
		<form name="myform123" action="a.php">
			姓名：<input type="text" name="username" value="666qq"/>
		</form>
		<form name="myform" action="a.php">
			姓名：<input type="text" name="username" value="qq"/>
		</form>
		<button onclick="doGet()">获取内容</button>
		<script type="text/javascript">
			
			function doGet(){
				//var s = document.myform.username.value;
				
				//var s = document["myform"].username.value;
				
				//*var s = document.forms[0].username.value;
				
				//var s = document.forms['myform'].username.value;
				
				var s = document.forms.item(1).username.value;
				
				//var s = document.forms.myform.username.value;
				
				alert(s);
			}
		</script>	
	</body>
</html>