简单用户登录（1）

最新推荐文章于 2024-10-02 05:39:15 发布

ma451152002

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量740

点赞数

分类专栏： javascript 文章标签： javascript

javascript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>简单的用户登录</title>
		
		<script>
			function validateForm(){
				//获取用户名
				var usernameNode = document.getElementById("username");
				var username = usernameNode.value;
				//alert(username);
				
				if("" == username){
					alert("用户名不能为空！！");
					usernameNode.focus();
					return false;
				}
			}
		</script>
		
	</head>
	
	<body>
	
		<form action="" method="post" οnsubmit="return validateForm()">
			<table border="1" align="center" width="30%">
				<caption>简单用户登录</caption>
				<tr>
					<td align="right">用户名:</td>
					<td><input type="text" name="username" id="username"></td>
				</tr>
				<tr>
					<td align="right">密码：</td>
					<td><input type="password" name="password" id="password"></td>
				</tr>
				<tr >
					<td colspan="2" align="center">
						<input type="submit" value="登录">
						<input type="reset" value="重置">
					</td>
 				</tr>
			</table>
		</form>
	
	</body>
</html>