导航:首页 > 编程语言 > html登录注册代码

html登录注册代码

 发布时间：2024-03-01 07:38:35

① javascript html 设计一个登录界面

注册页面代码：

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>注册</title>
</head>
<body>

<formmethod="post"onsubmit="returnfalse"id="form">
<inputtype="text"name="username"placeholder="用户名"><br>
<inputtype="password"name="password"placeholder="密码"><br>
<inputtype="password"name="rePassword"placeholder="再次输入密码"><br>
<inputtype="submit"onclick="register_user()"value="注册"><br>
</form>
<ahref="login.html">去登录</a><script>
varlocalDB=openDatabase('localDB','1.0','TestDB',2*1024*1024);
localDB.transaction(function(ts){
ts.executeSql('CREATETABLEIFNOTEXISTSuser(username,password)')
});
functionregister_user(){
varusername=document.getElementsByTagName("input")[0].value;
varpassword=document.getElementsByTagName("input")[1].value;
varrePassword=document.getElementsByTagName("input")[2].value;
if(password!=rePassword)
{
alert("两次输入的密码不同，请重新输入");
}else
{
localDB.transaction(function(ts){
ts.executeSql("INSERTINTOuser(username,password)VALUES('"+username+"','"+password+"');");
alert("注册成功");
});
}
}
</script>
</body>
</html>

登录页面代码：

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>登录</title>
</head>
<body>
<formonsubmit="returnfalse"method="post">
<inputtype="text"placeholder="用户名"><br>
<inputtype="password"placeholder="密码"><br>
<inputtype="submit"value="登录"onclick="login()"><br>
</form>
<ahref="register.html">去注册</a>
<script>
varlocalDB=openDatabase('localDB','1.0','TestDB',2*1024*1024);
localDB.transaction(function(ts){
ts.executeSql("SELECT*FROMuser",[],function(tx,results){
varlen=results.rows.length;
if(len<=0)
{
localDB.transaction(function(ts){
ts.executeSql('CREATETABLEIFNOTEXISTSuser(username,password)')
});
}
});
});


functionlogin(){
varusername=document.getElementsByTagName("input")[0].value;
varpassword=document.getElementsByTagName("input")[1].value;
localDB.transaction(function(ts){
ts.executeSql("SELECT*FROMuserWHEREusername='"+username+"';",[],function(ts,res){
if(res.rows.length<=0)
{
alert("登录失败，用户未注册");
}elseif(password==res.rows[0].password)
{
alert("登录成功,三秒后跳转到网络");
setInterval(function(){
location.href="https://www..com";
},3000);
}else
{
alert("登录失败，密码错误");
}
});
})
}
</script>
</body>
</html>

以上代码使用了WEB SQL，还请选择合适的浏览器查看。


② 注册/登陆页面HTML代码该怎么写

以下为个人原创教学例子，任何人引用需注明出自网络知道用户am7972,楼主可供参考
该例子涵盖了文本框、密码框、下拉菜单、单选框、复选框及文本区的使用
同时在数据的使用方面涵盖了文本型、数值型、日期型、布尔型的使用
也涵盖了在会员信息入数据库前，进行严格的数据检查
不足处，js验证还不是太完善，不过有服务端认证足够了
<title>会员注册</title>
<script type="text/javascript">
<!--function CheckForm()
{
if(document.userinfo.username.value == "")
{ alert("请输入姓名,姓名不能为空！");
document.userinfo.username.focus();
return false;
}
if(document.userinfo.username.value.length > 10)
{
alert("输入的姓名长度最多为10个字符！");
document.userinfo.username.focus();
return false;
}
}
//--></script>
</head>
<body>
<table border="1" width="53%" bordercolorlight="#000000" cellspacing="0" id="table1" height="358" bordercolor="#000000" bordercolordark="#FFFFFF" cellpadding="0">
<form method="POST" action="bb.asp" name="userinfo" onsubmit="return CheckForm();">
<tr><td colspan="2" height="37"> <p align="center">会员注员</td> </tr>
<tr> <td width="37%" align="right">姓名：</td> <td width="61%"> <input type="text" name="username" value="libin" size="13"> </td> </tr>
<tr> <td width="37%" align="right">密码：</td> <td width="61%"> <input type="password" name="userPassword" size="20" value="123"></td> </tr>
<tr> <td width="37%" align="right">性别：</td> <td width="61%"><input type="radio" value="True" checked name="Sex">男 <input type="radio" name="Sex" value="False">女</td> </tr>
<tr> <td width="37%" align="right">生日：</td> <td width="61%"> <input type="text" name="userSR" size="11" value="1985-03-12"></td> </tr>
<tr> <td width="37%" align="right">年龄：</td> <td width="61%"><input type="text" name="userNL" size="9" value="13"></td> </tr>
<tr> <td width="37%" align="right">爱好：</td> <td width="61%"> <input type="checkbox" name="ah" value="sw">上网 <input type="checkbox" name="ah" value="ds" checked>读书 <input type="checkbox" name="ah" value="ty">体育</td> </tr>
<tr> <td width="37%" align="right">上网方式：</td> <td width="61%">
<select size="1" name="swfs"> <option selected value="bhsw">拨号上网</option> <option value="wxsw">无线上网</option> <option value="gxsw">光纤上网</option> </select>
</td> </tr>
<tr> <td width="37%" align="right">个人简介：</td> <td width="61%"><textarea rows="9" name="userGrjs" cols="34"></textarea></td> </tr> <tr> <td colspan="2" height="38"> <p align="center"><input type="submit" value="提交" name="B1"> <input type="reset" value="重置" name="B2"></td>
</tr>
</form>
</table>
====bb.asp的会员注册非法数据监测====
<%
username = Request("username")
userPassword = Request("userPassword")
Sex = Request("Sex")
userSR = Request("userSR")
userNL = Request("userNL")
ah = Request("ah")
swfs = Request("swfs")
userGrjs = Request("userGrjs")
'判断数据合法性，绝对不能让非法数据进入系统
'判断姓名username合不合法，是否包含非法数据
username = Trim(username) '例如：" 张 三 "经过处理之后变成"张 三"
If username ="" Then
Response.write "姓名不能为空"
Response.End
End If
If Len(username)>10 Then
Response.write "姓名字数不能超过10个字" 'Len("Z")=1 Len("国")=2
Response.End
End If
For i = 1 To Len(username)
q = Mid(username,i,1)
If InStr("!@#$%^&*()_-+|<>?/"",.",q)>0 Then
Response.write "姓名不能包含特殊符号!@#$%^&*()_-+|<>?/"",."
Response.End
End If
Next
'判断密码合不合法，是否包含非法数据userPassword = Trim(userPassword)If userPassword ="" Then Response.write "密码不能为空" Response.EndEnd If
If Len(userPassword)>20 Then
Response.write "密码字数不能超过20个字"
Response.End
End If
'判断密码合不合法，是否包含非法数据
Sex = Trim(Sex)
If Sex = "" Then
Response.write "性别不能为空"
Response.End
End If
If Sex <> "True" And Sex <> "False" Then
Response.write "性别不能为不男不女"
Response.End
End If
'判断生日合不合法，是否包含非法数据
userSR = Trim(userSR)
If userSR ="" Then
Response.write "生日不能为空"
Response.End
End If
If Len(userSR)<8 Or Len(userSR)>10 Then '例如：2012-6-3 2012-11-23
Response.write "你输入的生日字数不对，应为2012-6-3或2012-11-23格式"
Response.End
End If
If IsDate(userSR)=False Then
Response.write "你输入的生日格式不能转化为日期，请核实"
Response.End
End If
If DateDiff("yyyy",userSR,Date())<1 Or DateDiff("yyyy",userSR,Date())>200 Then
Response.write "根据你输入的生日你可能小于1岁或已经超过200岁了，请核查重新输入"
Response.End
End If
'判断年龄合不合法，是否包含非法数据userNL = Trim(userNL)If userNL ="" Then
Response.write "年龄不能为空"
Response.End
End If
If IsNumeric(userNL)=False Then
Response.write "你输入的年龄不能转化为数值，请核查"
Response.End
End If
userNL = CInt(userNL)
If userNL<0 Or userNL>200 Then
Response.write "你输入的年龄不能小于0岁或者大于200岁，请核查"
Response.End
End If
'判断爱好合不合法，是否包含非法数据ah = Trim(ah) '选择多个爱好则系统会用，分开 //测试
ah = Replace(ah," ","")
arrAh = Split(ah,",")
For i = LBound(arrAh) To UBound(arrAh)
If arrAh(i)<>"sw" And arrAh(i)<>"ds" And arrAh(i)<>"ty" Then
Response.write i & "你选择的爱好有问题，请核查" & arrAh(i)
Response.End
End If
Next
'判断上网方式合不合法，是否包含非法数据swfs = Trim(swfs)If swfs = "" Then
Response.write "上网方式不能为空"
Response.End
End If
If swfs<>"bhsw" And swfs<>"wxsw" And swfs<>"gxsw" Then
Response.write "你选择的上网方式有问题，请核查"
Response.End
End If
'判断个人简介是否为空，是否超出1000个字
userGrjs = Trim(userGrjs)
If userGrjs = "" Then
Response.write "个人简介不能为空"
Response.End
End If
If Len(userGrjs) > 1000 Then
Response.write "个人简介不能超过1000个字"
Response.End
End If
Response.write "数据合法性检测通过"
%>
====登陆的HTML代码可相信楼主参照会员注册代码应该没问题了====

③ 用html javascript做一个用户注册窗口,要求实现登录名不为空,且两次密码输入一致的功能

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button onclick="dengRu()">登入</button>
<button onclick="zhuCe()">注册</button>
</body>
</html>
<script type="text/javascript">
var a1;var b1;
var a2;var b2;
var a3;var b3;

var ciShu = 1;
function zhuCe(){
alert("欢迎进入注册界面");
if(ciShu == 1){
a1 = prompt("请注册您的账号");
if(a1==""||==null){
alert("账号不能为空")
}else{
b1 = prompt("请注册您的密码");
if(b1==""||b1==null){
alert("密码不能为空")
}else if(ciShu== 2){
a2 = prompt("请注册您的账号");
if(a2==""||a2==null){
alert("账号不能为空");
}else{
b2 = prompt("请注册您的密码");
if(b2==""||b2==null){
alert("密码不能为空")
}else if(ciShu== 3){
a3 = prompt("请注册您的账号");
if(a3==""||a3==null){
alert("账号不能为空")
}else{
b3 = prompt("请注册您的密码");
if(b3==""||b3==null){
alert("密码不能为空")
}else{
}
console.log("第"+ciShu+"次注册");
console.log("账号1为"+a1+",密码1为"+b1);
console.log("账号2为"+a2+",密码2为"+b2）；
console.log("账号3为"+a3+",密码3为"+b3);
ciShu++;
}
}
}
}
}
}
}

function dengRu(){
alert("欢迎进入登入界面");
var zhangHao = prompt("请输入您的账号");
var miMa = prompt("请输入您的密码");
if(zhangHao==a1&&miMa==b1||zhangHao==a2&&miMa==b2||zhangHao==a3&&miMa==b3){
alert("登录成功")
}else{
alert("登录失败")
}
}
</script>

④ 数据库里创建好了登录账号和密码 怎么连接HTML登录按钮啊 麻烦指点一下 帮我写下代码 谢谢

前端 html 用form 指向后台 LOGIN.PHP

<html>
<head>用户登录</head>
<formname="LoginForm"method="post"action="login.php"onSubmit="returnInputCheck(this)">
<p>
<labelfor="username"class="label">用户名:</label>
<inputid="username"name="username"type="text"class="input"/>
<p/>
<p>
<labelfor="password"class="label">密码:</label>
<inputid="password"name="password"type="password"class="input"/>
<p/>
<p>
<inputtype="submit"name="submit"value="确定"class="left"/>
</p>
</form>
</html>

后台 login.php

<?php
//登录
if(!isset($_POST['submit'])){
exit('非法访问!');
}
$username=htmlspecialchars($_POST['username']);
$password=MD5($_POST['password']);

//包含数据库连接文件
include('conn.php');
//检测用户名及密码是否正确
$check_query=mysql_query("select*fromuser_listwhereusername='$username'andpassword='$password'limit1");
if($result=mysql_fetch_array($check_query)){
//登录成功
session_start();
$_SESSION['username']=$username;
$_SESSION['userid']=$result['userid'];
echo$username,'欢迎你！进入<ahref="my.php">用户中心</a><br/>';
echo'点击此处<ahref="login.php?action=logout">注销</a>登录！<br/>';
exit;
}else{
exit('登录失败！点击此处<ahref="javascript:history.back(-1);">返回</a>重试');
}//注销登录
if($_GET['action']=="logout"){
unset($_SESSION['userid']);
unset($_SESSION['username']);
echo'注销登录成功！点击此处<ahref="login.html">登录</a>';
exit;
}

?>
阅读全文

与html登录注册代码相关的资料

热点内容
文件在桌面怎么删除干净 浏览：439
马兰士67cd机版本 浏览：542
javaweb爬虫程序 浏览：537
word中千位分隔符 浏览：392
迷你编程七天任务的地图怎么过 浏览：844
word2003格式不对 浏览：86
百度云怎么编辑文件在哪里 浏览：304
起名app数据哪里来的 浏览：888
微信怎么去泡妞 浏览：52
百度广告html代码 浏览：244
qq浏览器转换完成后的文件在哪里 浏览：623
jsp中的session 浏览：621
压缩完了文件去哪里找 浏览：380
武装突袭3浩方联机版本 浏览：674
网络机顶盒移动网络 浏览：391
iphone手机百度云怎么保存到qq 浏览：148
数据库设计与实践读后感 浏览：112
js对象是什么 浏览：744
网页文件存pdf 浏览：567
文件夹正装 浏览：279

友情链接