1. 程式人生 > >JavaScript事件型別、事件、事件控制代碼

JavaScript事件型別、事件、事件控制代碼

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>表單提交、重置事件的應用</title>
	<script language="javascript" type="text/javascript">
		function $ (id) {
			return document.getElementById(id);
		}
		function submitTest() {
			var msg = "使用者名稱是:" + $ ("input1").value;
			msg += "\n密碼是:" + $ ("input2").value;
			alert(msg);
			return false;
		}
		function resetTest() { alert("將資料清空");}
	</script>
	
</head>
<body>
	<form onsubmit=
"return submitTest();" onreset="resetTest()"> <fieldset> <legend>表單資料提交</legend> <br><label>使用者名稱:</label><input type="text" id="input1"> <br><label>密   碼:</label><input type="password" id="input2"> <br><input type="submit" value="提交"> <input type="reset" value="重置"> </fieldset> </form> </body> </html>