一个简单的HTML5后台登陆界面及登录实现

可以实现固定管理员账号登陆的html登陆界面

1.实现效果图

2.代码实现

（包括HTML，css，js）

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">form{width:100%;height:700px;margin-top: 0px;background:#008B8B;}div{display:inline-block;padding-top: 80px;padding-right: 20px;}h2{font-family: "微软雅黑";font-size: 40px;color:black;}#log{color:blue;}</style></head><body><form name="login"><center><div><h2>合作岛后天管理系统</h2><p>用户名：<input type="text" name="" id="0" value="" /></p><p>密&emsp;码:<input type="password" name="" id="1" value="" />    </p><p><input type="button" name="" id="btn" value="登陆" /></p><p>请输入管理员账号</p></div></center></form></body><script type="text/javascript">var btn =  document.getElementById("btn");var aInputs = document.getElementsByTagName('input')btn.onclick = function(){;if (aInputs[0].value == "admin" && aInputs[1].value == "010615") {alert('登陆成功！');window.location.href='zjm.html';                     } else {alert('请填写正确的账号密码！');}}</script>
</html>

其中的图1 代码是登陆功能的实现

图1：
<script type="text/javascript">var btn =  document.getElementById("btn");var aInputs = document.getElementsByTagName('input')btn.onclick = function(){;if (aInputs[0].value == "admin" && aInputs[1].value == "010615") {alert('登陆成功！');window.location.href='zjm.html';                     } else {alert('请填写正确的账号密码！');}}</script>

一个简单的HTML5后台登陆界面及登录实现相关推荐

分享一组漂亮的html5后台登陆模板
在开发后台登陆系统时经常会用到登陆界面,这期分享一下亲自编写的四套html5后台登陆模板如图: 案例一: 案例二: 案例三: 案例四:背景带有波浪动画后台登陆模板源码链接
应用篇1.3 后台登陆界面设计
应用篇1.3 后台登陆界面审计一.后台登陆界面图: 各种准备工作完毕后,对于这款日程管理类的软件,首先设计一个后台登陆功能.可以通过密码保护自己的日程隐私. 1.初次登陆界面如图1.1所示. 2.如 ...
高端大气的Emlog后台登陆界面模板
介绍: 这款后台登陆界面板子是本屌花一个上午(也就半个小时)仿的一个WordPress后台,江南安全社区的后台登陆界面,我看着挺不错的,就特么给扒下来了. 现在分享出来咯~哈哈哈哈~不用谢~~~(不喜 ...
使用HBuilder制作一个简单的HTML5网页
使用HBuilder制作一个简单的HTML5网页写在前面:开始入门网页制作,写下第一篇博文作为记录.纯纯小白一个,如有阅览者,欢迎批评指正!❤ 先放上效果图: 使用HBuilderX编辑器创建一个& ...
wp-login.php 404页面,wordpress隐藏后台登陆界面，自动跳转首页或404
原标题:wordpress隐藏后台登陆界面,自动跳转首页或404 我们用wordpress程序安装建站后发现所有人的网站后台都是自己域名/wp-admin,这样是否存在安全隐患?那么我们如何来修改或是 ...
ajax登陆返回值判断,一个简单的ajax用户登陆返回值问题？有代码
一个简单的ajax用户登陆返回值问题?有代码來源:互聯網 2009-11-13 11:55:56 評論分類: 電腦/網絡 >> 程序設計 >> 其他編程語言問題描述: ...
iOS开发UI篇—使用xib自定义UItableviewcell实现一个简单的团购应用界面布局
iOS开发UI篇-使用xib自定义UItableviewcell实现一个简单的团购应用界面布局 iOS开发UI篇-使用xib自定义UItableviewcell实现一个简单的团购应用界面布局一.项目 ...
织梦后台登陆界面如何修改
遇到问题: 织梦后台默认的登录界面含有广告,如果你有好的后台登录界面想要替换处理,该如何操作? 解决办法: 文章参考:织梦后台登陆界面的更改织梦后台的文件都在dede文件里面,如果自己修改过了,就是 ...
Android 简单的账号密码登陆界面（IO流）
Android 简单的账号密码登陆界面(IO流) 用到了map<String,String> .IO流等. MainActivity代码如下: package com.xh.tx.file ...
一个高端大气上档次的后台管理界面
一个高端大气上档次的后台管理界面:Ease Responsive Admin Panel.不了解的同学可以看下demo.有了这个模板,不要费多大功夫就可以开发出一个相当高端的后台管理界面.下载地址:h ...

一个简单的HTML5后台登陆界面及登录实现

一个简单的HTML5后台登陆界面及登录实现

1.实现效果图

2.代码实现

其中的图1 代码是登陆功能的实现

一个简单的HTML5后台登陆界面及登录实现相关推荐

最新文章

热门文章

一个简单的HTML5后台登陆界面及登录实现

一个简单的HTML5后台登陆界面及登录实现

1.实现效果图

2.代码实现

其中的 图1 代码是登陆功能的实现

一个简单的HTML5后台登陆界面及登录实现相关推荐

最新文章

热门文章

其中的图1 代码是登陆功能的实现