🍊作者:计算机编程-吉哥
🍊简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。
🍊心愿:点赞 👍 收藏 ⭐评论 📝
🍅 文末获取源码联系
效果展示:
部分代码:
<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="">
<meta name="description" content="mezz">
<meta name="author" content="mezz">
<link href="css/css.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<!--[if lt IE 9]><link href="css/ie.css" rel="stylesheet" type="text/css" ><meta http-equiv="X-UA-Compatible" content="IE=8" >
<![endif]-->
<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
<link href="favicon.ico" rel="SHORTCUT ICON">
<title>私厨 - 为你推荐遍布全球最新鲜,最与众不同的顶级生活方式</title>
</head>
<body>
<div class="head"><div class="wrap clearfix"><a href="index.html" class="logo indent">logo</a><div class="headr fr"><form action="active.html" method="post" class="headsearch"><label class="label"><input type="text" value="" name="" class="key"><span class="text">搜索地址、名称、时间等</span></label><button type="submit" class="button btn-search"></button></form><a href="login.html">登录</a><a href="reg.html">注册</a><a href="#">发布我的饭局</a></div></div>
</div>
<div class="loginwrapper"><div class="wrap pr"><div class="loginbox"><h1 class="hd">用户登录</h1><div class="tc"><a href="#" target="_blank" class="ico dou">豆</a><a href="#" target="_blank" class="ico sina">新浪</a><a href="#" target="_blank" class="ico qq">QQ</a></div><div class="Prompt">使用以上社交网络帐号登录</div><div class="boxbd"><div class="ohter"><span class="ohtertxt">或</span></div><label class="label"><input type="text" name="user" value="" class="loginipt user"><span class="text">请输入您的邮箱</span></label><label class="label"><input type="password" name="pwd" value="" class="loginipt pwd"><span class="text">请输入您的密码</span></label><button type="submit" name="login" value="" class="button btn-login" onClick="location.href='mem.html'">登录</button><p class="mt20"><label for="remember"><input name="" type="checkbox" id="remember" value="" checked> 记住我</label><a href="forgot.html" class="fr"> 忘记密码?</a></p><p class="mt10 tr">还没有账号?<a href="reg.html" class="o">注册</a></p></div></div> </div>
</div>
<div class="foot2"><div class="wrap clearfix"><div class="txt fl"><div class="foot-nav"> <a href="#"></a>/<a href="#">加入我们</a>/<a href="#">联系我们</a>/<a href="#">媒体报道</a>/<a href="#">会员条款</a>/<a href="#">版权声明</a></div>Copyright, All Rights Reserved </div><div class="orc fr"><img src="images/img2.jpg" width="63"><img src="images/img3.jpg" width="63"></div></div>
</div>
<script src="js/jquery.js"></script>
<script src="js/Action.js"></script>
</html>
更多文章:Web前端期末大作业
公众号:IT跃迁谷【更多精彩文章】
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓如果大家有任何疑虑,请在下方昵称位置详细咨询。