导航:首页 > 编程语言 > 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登录注册代码相关的资料

热点内容
如何用网络画图 浏览：52
dxf编程如何修刀 浏览：344
js音频控制 浏览：112
苹果6p微信发送语音会自己中断 浏览：644
win10拷贝文件到u盘速度慢 浏览：396
怎么把ps源文件字体改清楚 浏览：440
u盘如何恢复win10系统下载 浏览：153
完美世界100级升级攻略 浏览：67
安卓手机去除广告软件 浏览：529
水果礼品卡网站有哪些 浏览：272
爱谱数据线缆多少钱 浏览：165
word转换成图片格式 浏览：182
移动数据收费标准是多少 浏览：952
me525微信451去升级版 浏览：152
如何把压缩文件变成永久文件 浏览：828
数据分片最大值多少 浏览：598
会玩app开完小号如何找回大号 浏览：939
html显示flash代码 浏览：651
while语句java 浏览：376
iphone铬黄ps 浏览：529

友情链接