html写注册页面

最新推荐文章于 2023-10-19 20:48:44 发布

Zaltana

最新推荐文章于 2023-10-19 20:48:44 发布

阅读量346

点赞数 3

分类专栏： HTML

本文链接：https://blog.csdn.net/zhoulina815/article/details/123436181

版权

html javascript css

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#d1{
				width: 400px;
				height: 250px;
				background-color: #FFE4B5;
				margin: 40px auto;
			}
			#d1_head{
				color: white;
				font-size: 20px;
				font-family: arial;
				height: 24px;
				background-color: blue;
			}
			#d1_content{
				padding-left: 30px;
				padding-top: 30px;
			}
			.s1{
				color:red;
				font-style: italic;
			}
		</style>
		<script>
			//验证用户救命函数
			function check_username(){
				//查询到用户名输入框对象
				var txtObj=document.getElementById("username");
				//查询到针对与用户名的提示信息
				var msgObj=document.getElementById('username_msg');
				
				//判断用户名是否是zs  如果是提示用户 用户名不能是zs 如果不是 不需要提示
				msgObj.innerHTML='';
				if(txtObj.value=='zs'){
					msgObj.innerHTML='用户名不能是zs';
				}
			}
			//验证密码函数
			function check_pwd(){
				//查询到用户名输入框对象
				var txtObj=document.getElementById("pwd");
				//查询到针对与用户名的提示信息
				var msgObj=document.getElementById('pwd_msg');
				
				//判断用户名是否是zs  如果是提示用户 用户名不能是zs 如果不是 不需要提示
				msgObj.innerHTML='';
				if(txtObj.value=='1234'){
					msgObj.innerHTML='密码不能写1234';
				}
			}
			
			
		</script>
	</head>
	<body>
		<div id="d1">
			<div id="d1_head">注册</div>
			<div id="d1_content">
				<form>
					<table>
						<tr>
							<td>用户名</td>
							<td>
								<input id="username" onblur="check_username();" />
								<span class="s1" id="username_msg"></span>
							</td>
						</tr>
						<tr>
							<td>密码</td>
							<td>
								<input id="pwd" onblur="check_pwd();" type="password" />
								<span class="s1" id="pwd_msg"></span>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<input type="submit" value="确认" />
								<input type="reset" value="重置" />
								
							</td>
							
						</tr>
					</table>
				</form>
				
			</div>
			
		</div>
	</body>
</html>