HTMl 实现用户的登录注册界面

自己体会

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>登陆界面</title>
</head>
<body><!--登录  --><label for="AccountNumber">账号</label><input type="text" placeholder="请输入账号" id = "AccountNumber" ><br><br><label for="Password">密码</label><input type="text" placeholder="请输入密码" id = "Password"><br><br><button  onclick="btnClink1()">登录</button><br><br><br><br><!--注册 --><label for="RegisteredAccountNumber">账号</label><input type="text" placeholder="请输入账号" id = "RegisteredAccountNumber" value = "请输入账号" ><br><br><label for="RegisteredPassword">密码</label><input type="text" placeholder="请输入密码" id = "RegisteredPassword" value = "请输入密码"><br><br><label for="RegisteredPassword1">密码</label><input type="text" placeholder="请确认密码" id = "RegisteredPassword1" value = "请确认密码"><br><br><button  onclick="btnClink2()">注册</button>
</body>
<script>var flag = false;var AccountNumber1 = "qqqqqqqqqqqqqqq";var Password1 = "qqqqqqqqqqqq";function btnClink1(){if(flag == false){alert("请先完成注册");}else {var input1 = document.getElementById("AccountNumber");var input2 = document.getElementById("Password");if(input1.value == AccountNumber1 && input2.value == Password1){alert("登陆成功");}else{alert("登录失败，账号或密码错误");}}}  function btnClink2(){var input1 = document.getElementById("RegisteredAccountNumber");var input2 = document.getElementById("RegisteredPassword");var input3 = document.getElementById("RegisteredPassword1");if(input1.value == "请输入账号" || input1.value == "请输入密码"){alert("账号密码不能为空");}if(input2.value == input3.value){alert("注册成功");flag = true;AccountNumber1 = input1.value;Password1 = input2.value;}else{alert("注册失败，两次密码不一样");}  }
</script>
</html>

HTMl 实现用户的登录注册界面相关推荐

右侧按钮登录注册html,翻转式用户登录注册界面设计
这是一款非常实用的翻转式用户登录注册界面设计效果.该用户登录注册界面使用纯CSS3来制作,在用户点击登录和注册两个按钮时,登录和注册界面可以以水平翻转的方式来回切换,效果非常的酷. 制作方法 HTML ...
python-简单用户登录注册界面实现
用户登录注册界面实现 # 登录注册页面 # 登录注册系统 # 要求:能够实现注册新用户.能够实现老用户登录.能够退出系统. # 1.先打印系统首页 # 2.注册--注册成功,用户名已存在 # 3.登录 ...
AndroidStudio实现用户登录注册界面代码（一）
首先使用Android Studio的布局文件xml实现界面设计第一步:新建工程项目MyAPP 选择Empty Activity 点击"下一步" 1.在res/layout/ac ...
python实现用户登录注册界面_实现前后端登录注册界面
本篇博客讲解如何实现前后端的简单登录注册界面,后端代码由node.js实现,主要阐述登录注册时网页工作原理.感兴趣的同学可以参考一下. 注册界面功能: 判断用户是否输入邮箱,密码,验证密码(前端判断 ...
Android用户登录注册界面
用户登录注册界面开发及用户信息管理案例详解刚开始接触Android编程,这算是我写的第一个简单工程,主要功能有:用户登录.注册.注销.修改密码.记住密码共5个基本操作,其内容涉及到以下几点: 1:B ...
小编程（三）：用户登录注册界面开发及用户信息管理案例代码详解
用户登录注册界面开发及用户信息管理案例详解刚开始接触Android编程,这算是我写的第一个简单工程,主要功能有:用户登录.注册.注销.修改密码.记住密码共5个基本操作,其内容涉及到以下几点: 1:B ...
python做一个登录注册界面_Python 实现简单的登录注册界面
Python 实现简单的登录注册界面注意:编写代码之前需要导入很重要的包 import tkinter as tk import pickle from tkinter import message ...
Lance老师UI系列教程第三课-QQ登录注册界面的实现（android-2012最新版）
分类: android UI教程2012-08-06 22:37 3731人阅读评论(6) 收藏举报 uiandroidqqlayoutbutton UI系列教程第三课:腾讯登录注册界面的实现今 ...
Android音乐播放器（二）登录注册界面
这是去年大二做的一个简单音乐播放器项目:是尽可能模仿酷狗音乐写的,具体实现的功能如下: 1:启动动画:点击运行程序会出现一个两秒钟的视频,类似酷狗音乐的启动动画一样,非常可观! 2:登录注册界面:输入 ...
安卓登录注册界面开发(附源码)
源码下载和博客访问:安卓登录注册界面开发(附源码) 前言最近找安卓登录注册界面,找了好久也没找到比较满意的设计,最后想想其实登录和注册两个界面也不复杂,干脆花点时间自己弄. 界面预览最后的效果如下 ...

HTMl 实现用户的登录注册界面

HTMl 实现用户的登录注册界面相关推荐

最新文章

热门文章