响应式登录和注册界面表单html5代码

来源:https://www.sucaihuo.com/js/1944.html 2017-05-15 22:04浏览(7875) 收藏

带背景图的红色登录和注册表单,点击出现弹窗注册表单,响应式效果兼容移动端和PC端。
响应式登录和注册界面表单html5代码
分类:表单代码 > 注册登录框 难易:
查看演示 下载资源 下载积分: 30 积分

整体分为登录和注册两个区块,注册表单是隐藏的,点击按钮出现弹窗,两个都是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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2