蓝色用户登录界面HTML模板_Web作业
演示地址：https://demo.mycodes.net/denglu/lanseuserlogin/
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>蓝色用户登录界面HTML模板</title>
<script src="js/jquery-1.8.0.min.js" type="text/javascript" ></script>
<link rel="stylesheet" type="text/css" href="css/register.css"/>
</head>
<body>
<div class='signup_container'>
<h1 class='signup_title'>用户登录</h1>
<img src='images/people.png' id='admin' />
<div id="signup_forms" class="signup_forms clearfix">
<form class="signup_form_form" id="signup_form" method="post" action="" data-secure-action="#" data-secure-ajax-action="">
<div class="form_row first_row">
<label for="signup_email">请输入用户名</label><div class='tip ok'></div>
<input type="text" name="user[email]" placeholder="请输入用户名" id="signup_name" data-required="required">
</div>
<div class="form_row">
<label for="signup_password">请输入密码</label><div class='tip error'></div>
<input type="password" name="user[password]" placeholder="请输入密码" id="signup_password" data-required="required">
</div>
</form>
</div>
<div class="login-btn-set">
<div class='rem'>记住我</div>
<a href='javascript:void(0)' class='login-btn'></a>
</div>
<p class='copyright'>版权所有</p>
</div>
<div style="text-align:center;">
<p>更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div>
<script type="text/javascript"> (function() { var s = "_" + Math.random().toString(36).slice(2); document.write('<div style="" id="' + s + '"></div>'); (window.slotbydup = window.slotbydup || []).push({ id: "u4923786", container: s }); })(); </script><script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" ></script>
</body>
<script type="text/javascript">
$(function() {
$('.rem').click(function() {
$(this).toggleClass('selected');
})
})
</script>
</html>
