带背景图的红色登录和注册表单,点击出现弹窗注册表单,响应式效果兼容移动端和PC端。
整体分为登录和注册两个区块,注册表单是隐藏的,点击按钮出现弹窗,两个都是form表单,也可以自行增加input来进行扩展。
<form action="#" method="post">
<input type="text" name="name" class="name" placeholder="用户名" required="">
<input type="password" name="password" class="password" placeholder="密码" required="">
<ul>
<li>
<input type="checkbox" id="brand1" value="">
<label for="brand1"><span></span>记住密码</label>
</li>
</ul>
<a href="#">忘记密码?</a><br>
<div class="clear"></div>
<input type="submit" value="登录">
</form>
<form action="#" method="post">
<input type="text" name="Name" placeholder="请输入用户名" required=""/>
<input type="text" name="Email" class="email" placeholder="请输入邮件" required=""/>
<input type="password" name="Password" class="password" placeholder="请输入密码" required=""/>
<input type="password" name="Password" class="password" placeholder="请重复密码" required=""/>
<input type="submit" value="立即注册">
</form>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791