DOM访问表单控件常用属性和方法

本文介绍如何使用JavaScript操作HTML表单及表单内的元素,包括通过document.forms获取表单对象,利用表单对象进行表单重置等操作,并演示了如何通过getElementById和elements属性获取表单内特定元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



document.forms  可以获取表单数组

<html>
	<head>
		<title>00</title>
		<script type="text/javascript" charset="utf-8">
			
			function operatorForm(){
				var myform=document.forms[0];
				//alert(myform.action);
				//alert(myform.method);
				//alert(myform.target);
				
				//myform.submit();
				myform.reset();
				
			}
			
		
		</script>
	</head>
	<body>
		
		<form id="myform" action="http://www.baidu.com" method="get" target="_self">
			<input name="username" type="text" value="chenhao"/><br/>
			<input name="password" type="text" value="123456"/><br/>
			<select name="city">
				<option value="shanghai">上海</option>
				<option value="nanjing" selected="selected">南京</option>
			</select><br/>
			<input type="button" value="获取表单内第一个控件"
				onclick="alert(document.getElementById('myform').elements[0].value)"/>
			<input type="button" value="获取表单内第二个控件"
				onclick="alert(document.getElementById('myform').elements['password'].value)"/>
			<input type="button" value="获取表单内第三个控件"
				onclick="alert(document.getElementById('myform').city.value)"/>
			<input type="button" value="操作表单"
				onclick="operatorForm()"/>
		</form>
	
	</body>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值