各位老铁们，大家好，今天由我来为大家分享html5带后台网站源码分享，以及html网站源代码的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！
序言：昨天发了一篇html5的后台登录页面，非常深受大家的喜爱，今天再分享一款非常好看大气的后台登录页面，也是自适应手机端，希望大家能够喜欢，赶紧收藏转发吧。
html5星空背景的登录页面带粒子特效，适用于后台管理系统登录
简介：基于Layui蓝色全屏粒子线条动画背景后台登录界面模板，带登录表单验证功能。
效果图：
代码：
html
<divclass=&34;>\n<divclass=&34;>\n<divclass=&34;>\n<formclass=&34;action=&34;>\n<divclass=&34;>\n<h1>一间闲置后台管理系统</h1>\n</div>\n<divclass=&34;>\n<labelclass=&34;for=&34;></label>\n<inputtype=&34;name=&34;lay-verify=&34;placeholder=&34;autocomplete=&34;class=&34;value=&34;>\n</div>\n<divclass=&34;>\n<labelclass=&34;for=&34;></label>\n<inputtype=&34;name=&34;lay-verify=&34;placeholder=&34;autocomplete=&34;class=&34;value=&34;>\n</div>\n<divclass=&34;>\n<labelclass=&34;for=&34;></label>\n<inputtype=&34;name=&34;lay-verify=&34;placeholder=&34;autocomplete=&34;class=&34;value=&34;>\n<divclass=&34;>\n\t\t<imgsrc=&34;/>\n</div>\n</div>\n<divclass=&34;>\n<inputtype=&34;name=&34;value=&34;lay-skin=&34;title=&34;>\n</div>\n<divclass=&34;>\n<buttonclass=&34;lay-submit=&34;lay-filter=&34;>登入</button>\n</div>\n</form>\n</div>\n</div>\n</div>
js
<script>\nlayui.use([&39;],function(){\nvarform=layui.form,\nlayer=layui.layer;\n\n//登录过期的时候，跳出ifram框架\nif(top.location!=self.location)top.location=self.location;\n\n//粒子线条背景\n$(document).ready(function(){\n$(&39;).particleground({\ndotColor:&7ec7fd&39;39;\n});\n});\n\n//进行登录操作\nform.on(&39;,function(data){\ndata=data.field;\nif(data.username==&39;){\nlayer.msg(&39;);\nreturnfalse;\n}\nif(data.password==&39;){\nlayer.msg(&39;);\nreturnfalse;\n}\nif(data.captcha==&39;){\nlayer.msg(&39;);\nreturnfalse;\n}\nlayer.msg(&39;,function(){\n\n});\nreturnfalse;\n});\n});\n</script>
css
<style>\nhtml,body{width:100%;height:100%;overflow:hidden}\nbody{background:39;&1E9FFF;font-size:25px;font-weight:bold;}\n.login-form{background-color:fff;border-radius:3px;padding:14px20px;box-shadow:008pxd2d2d2;}\n.login-form.layui-form-iteminput{padding-left:36px;}\n.captcha{width:60%;display:inline-block;}\n.captcha-img{display:inline-block;width:34%;float:right;}\n.captcha-imgimg{height:34px;border:1pxsolid#e6e6e6;height:36px;width:100%;}\n</style>
有需要源码的同学在评论区留言或者私信我吧。
我是小程序软件开发，每天分享开发过程中遇到的知识点，如果对你有帮助的话，帮忙点个赞再走呗，非常感谢。
往期文章分享：
程序员搞笑的段子，总有一条戳中你的笑点
微信小程序授权登录适配wx.getUserProfile最新代码
关于html5带后台网站源码分享和html网站源代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。