基于php+mysql购物商城校园二手商品图书鲜花商城毕业设计（4）用户登录

本文链接：https://blog.csdn.net/u013818205/article/details/109194359

本文介绍了一个使用HTML5和CSS3技术实现的商城登录页面案例。该页面包含用户输入框、密码输入框及登录按钮等功能，并通过简单的JavaScript进行表单验证。此外，还提供了微信登录选项及系统帮助和免费注册链接。

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

效果图

在这里插入图片描述

代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>黄菊华：H5+CSS3商城界面实战-购物车</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/huiyuan_denglu.css">
</head>

<body>
	

<form name="form1" method="post">
	<div class="denglu">
		<div class="denglu_mingcheng">欢迎登陆商城</div>
		<div class="denglu_xiangmu">
			<img src="img/yonghu.png" class="denglu_xiangmu_img" />
			<input type="text" placeholder="请输入用户名" class="denglu_xiangmu_input" name="yhm" id="yhm" style="color: white;">
		</div>
		<br>
		<div class="denglu_xiangmu">
			<img src="img/mima.png" class="denglu_xiangmu_img" />
			<input type="text" placeholder="请输入密码" class="denglu_xiangmu_input" name="mm" id="mm" style="color: white;">
		</div>	
		
		<br>
		
		<input  class="denglu_putong" type="button" value="立即登录" onClick="return check_login();" style="border: 0;outline: none;margin: 0; cursor: pointer;">
		<script>
		function check_login()
		{
			if(document.form1.yhm.value=="" || document.form1.mm.value==""){
				alert("请填写你的账户和密码！");
				return false;
			}
			var yhm=document.form1.yhm.value;
			var mm=document.form1.mm.value;
			frame01.location = "check_h_login.php?cs_yhm=" + yhm + "&cs_mm=" + mm;
		}
		</script>
		<!--div class="denglu_weixin">微信登录</div-->
        
		<iframe width="0" height="0" frameborder="0" name="frame01" src=""></iframe>
		<br>
		<br>
		<div class="denglu_qita">
			<a href="xinxi_list.php?cs_lxid=236&cs_lxmf=帮助中心" class="denglu_qita_zuo">系统帮助</a>	
			<a href="u_reg.php" class="denglu_qita_you">免费注册</a>	
		</div>
		
		
	</div>
	
</form>		
</body>
</html>