注册页面
1. html5写这个注册页面怎么写啊
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<metaname="viewport"content="width=device-width,initial-scale=1">
<title>Bootstrap4</title>
<linkrel="stylesheet"href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+/dAiS6JXm"crossorigin="anonymous">
<linkrel="stylesheet"href="bootstrap-colorpicker/css/bootstrap-colorpicker.css">
<linkrel="stylesheet"href="bootstrap-datepicker/css/bootstrap-datetimepicker.min.css">
<styletype="text/css">
.main-box{
width:640px;
margin:40pxauto;
}
</style>
</head>
<body>
<divclass="main-box">
<form>
<divclass="form-grouprow">
<labelfor="name"class="col-sm-2col-form-label">用户名</label>
<divclass="col-sm-10">
<inputtype="text"class="form-control"id="name"placeholder="请输入用户名">
</div>
</div>
<divclass="form-grouprow">
<labelfor="pwd"class="col-sm-2col-form-label">密码</label>
<divclass="col-sm-10">
<inputtype="password"class="form-control"id="pwd"placeholder="请输入密码">
</div>
</div>
<divclass="form-grouprow">
<labelfor="pwd2"class="col-sm-2col-form-label">确认密码</label>
<divclass="col-sm-10">
<inputtype="password"class="form-control"id="pwd2"placeholder="请输入确认密码">
</div>
</div>
<divclass="form-grouprow">
<labelfor="area"class="col-sm-2col-form-label">区域</label>
<divclass="col-sm-10">
<selectclass="form-controlform-control-lg"id="area">
<option>四川省</option>
</select>
</div>
</div>
<fieldsetclass="form-group">
<divclass="row">
<legendclass="col-form-labelcol-sm-2pt-0">性别</legend>
<divclass="col-sm-10">
<divclass="form-checkform-check-inline">
<inputclass="form-check-input"type="radio"name="inlineRadioOptions"id="inlineRadio1"value="option1"
checked="true">
<labelclass="form-check-label"for="inlineRadio1">男</label>
</div>
<divclass="form-checkform-check-inline">
<inputclass="form-check-input"type="radio"name="inlineRadioOptions"id="inlineRadio2"value="option2">
<labelclass="form-check-label"for="inlineRadio2">女</label>
</div>
</div>
</div>
</fieldset>
<divclass="form-grouprow">
<labelfor="age"class="col-sm-2col-form-label">年龄</label>
<divclass="col-sm-10">
<inputtype="email"class="form-control"id="age"placeholder="请输入年龄">
</div>
</div>
<divclass="form-grouprow">
<labelfor="age"class="col-sm-2col-form-label">生日</label>
<divclass="col-sm-10">
<inputsize="16"type="text"value="2012-06-15"readonlyclass="form-controlform_datetime">
</div>
</div>
<divclass="form-grouprow">
<labelfor="phone"class="col-sm-2col-form-label">手机号</label>
<divclass="col-sm-10">
<inputtype="text"class="form-control"id="phone"placeholder="请输入手机号">
</div>
</div>
<divclass="form-grouprow">
<labelfor="phone"class="col-sm-2col-form-label">头像</label>
<divclass="col-sm-10">
<inputtype="file"class="form-control-file"id="exampleFormControlFile1">
</div>
</div>
<divclass="form-grouprow">
<labelfor="site"class="col-sm-2col-form-label">主页</label>
<divclass="col-sm-10">
<inputtype="text"class="form-control"id="site"placeholder="请输入主页">
</div>
</div>
<divclass="form-grouprow">
<labelfor="email"class="col-sm-2col-form-label">Email</label>
<divclass="col-sm-10">
<inputtype="email"class="form-control"id="email"placeholder="请输入Email">
</div>
</div>
<divclass="form-grouprow">
<labelclass="col-sm-2col-form-label">喜欢的颜色</label>
<divclass="col-sm-10">
<inputid="likeColor"type="text"class="form-control"value="#5367ce"/>
</div>
</div>
<divclass="form-grouprow">
<divclass="col-sm-2"></div>
<divclass="col-sm-10">
<divclass="form-check">
<inputclass="form-check-input"type="checkbox"value=""id="defaultCheck1">
<labelclass="form-check-label"for="defaultCheck1">
同意服务条款
</label>
</div>
</div>
</div>
<divclass="form-grouprow">
<divclass="col-sm-10">
<buttontype="submit"class="btnbtn-primary">注册</button>
<buttontype="submit"class="btn">取消</button>
</div>
</div>
</form>
</div>
<scriptsrc="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X++8abtTE1Pi6jizo"crossorigin="anonymous">
</script>
<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-"crossorigin="anonymous">
</script>
<scriptsrc="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-/nJGzIxFDsf4x0xIM+B07jRM"crossorigin="anonymous">
</script>
<scriptsrc="bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<scriptsrc="bootstrap-datepicker/js/bootstrap-datetimepicker.min.js"></script>
<script>
$('#likeColor').colorpicker();
$(".form_datetime").datetimepicker({
format:'yyyy-mm-dd',
weekStart:1,
todayBtn:1,//今日日期按钮
autoclose:1,//自动关闭
todayHighlight:1,//高亮今日日期
startView:2,//从日期视图开始
minView:2,
forceParse:0
});
</script>
</body>
</html>
案例下载
2. 怎样利用javascript生成一个注册页面
方法如下：
functionusername(){
<spanstyle="white-space:pre"></span>varusername=document.getElementById("username");//得到账户的对象
<spanstyle="white-space:pre"></span>varusernameSpan=document.getElementById("usernameSpan");//得到文本对象
<spanstyle="white-space:pre"></span>varpattern=/^[0-9a-zA-Z_]{6,16}$/;
<spanstyle="white-space:pre"></span>varuserAgain=0;//用来标记用户名是否存在，1为用户名不存在且输入正确
<spanstyle="white-space:pre"></span>username.onfocus=function(){//获得焦点时根据匹配成功与否修改span中的样式和内容
<spanstyle="white-space:pre"></span>if(!pattern.test(username.value)){//如果获得焦点时输入不正确，重新调整样式
<spanstyle="white-space:pre"></span>spanValue(usernameSpan,"usernameSpan");//修改提示语句
<spanstyle="white-space:pre"></span>changeFailingStyle(username,usernameSpan);//修改为匹配中并且失败的样式
<spanstyle="white-space:pre"></span>}else{//如果匹配成功但是用户名存在
<spanstyle="white-space:pre"></span>if(userAgain==0){
<spanstyle="white-space:pre"></span>spanValue(usernameSpan,"usernameAgain");//修改提示语句
<spanstyle="white-space:pre"></span>changeFailingStyle(username,usernameSpan);//修改为匹配中并且失败的样式
<spanstyle="white-space:pre"></span>}
<spanstyle="white-space:pre"></span>}
<spanstyle="white-space:pre"></span>}
<spanstyle="white-space:pre"></span>username.onkeyup=function(){//输入内容是判断根据输入的值修改span中的样式和内容,使用up不是down，因为down读取时候有出入
<spanstyle="white-space:pre"></span>if(pattern.test(username.value)){//匹配成功的话
<spanstyle="white-space:pre"></span>changeSucceedStyle(username,usernameSpan);//修改为匹配成功的样式
<spanstyle="white-space:pre"></span>if(!checkUsername(username.value+"username")){//如果用户名存在
<spanstyle="white-space:pre"></span>spanValue(usernameSpan,"usernameAgain");//修改提示语句
<spanstyle="white-space:pre"></span>changeFailingStyle(username,usernameSpan);//修改为匹配中并且失败的样式
<spanstyle="white-space:pre"></span>userAgain=0;//修改为0
<spanstyle="white-space:pre"></span>}else{
<spanstyle="white-space:pre"></span>userAgain=1;//修改为1
<spanstyle="white-space:pre"></span>}
<spanstyle="white-space:pre"></span>}else{//匹配失败
<spanstyle="white-space:pre"></span>spanValue(usernameSpan,"usernameSpan");//修改提示语句
<spanstyle="white-space:pre"></span>changeFailingStyle(username,usernameSpan);
<spanstyle="white-space:pre"></span>}
<spanstyle="white-space:pre"></span>}
<spanstyle="white-space:pre"></span>username.onblur=function(){//失去焦点时根据匹配成功与否修改span中的样式和内容
<spanstyle="white-space:pre"></span>if(pattern.test(username.value)&&userAgain){//匹配成功的话
<spanstyle="white-space:pre"></span>changeSucceedStyle(username,usernameSpan);//修改为成功的样式
<spanstyle="white-space:pre"></span>usernamenum=1;
<spanstyle="white-space:pre"></span>}else{//匹配失败
<spanstyle="white-space:pre"></span>changeFailedStyle(username,usernameSpan);//修改为失败的样式
<spanstyle="white-space:pre"></span>usernamenum=0;
<spanstyle="white-space:pre"></span>}
<spanstyle="white-space:pre"></span>}
}
3. 注册/登陆页面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代码可相信楼主参照会员注册代码应该没问题了====
4. 注册页面在哪里
关于注册页面在哪儿不同的网站不同的情况：
1.允许注册的网站，一般放在明显专的地方（左上角属，右上角......)或者回复时自动要求先注册，情况不一，稍留意就可以看到。
2.不允许自己注册的网站，要么需要管理员提供登录账号及密码，要么需要会员推荐会员号，反正不能通过自己注册获得会员号。
5. 网页的登录界面和注册页面一般是怎么编写用html
一般登录界面用html写
因为登录界面没有太多的花哨
一般很简单
只是一个框架
表单提交用
跳到一个jsp页面去处理
如果正确就跳转到你想要到的界面
jsp可以通过
会话
或cookie或上下文、url等把页面联系起来
数据库
一般用mysql
注册判断的地方用js联系数据库就可以了
很简单的
6. html点击按钮弹出注册页面
我的思路是：设置注册的<div>初始时隐藏的，里面写好各种表单，当点击页面注册按钮时，让初始隐藏的<div>显示在最上面，
7. 怎么用做网站的注册页面。
要是小中型的网站就用ACCESS当数据库就可以了
要是大型的就用
SQ
要用.asp
或
.net
还有Java
script
反正是很麻烦！要是没有学过的自己是弄不了的！建议你还是找一个专业点的人帮你弄一下吧！
8. 动态html页面。用html实现注册和登录的一些问题。
登录页面 login.html
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>login</title>
<script>
window.addEventListener('load',function(){
varform=document.forms[0];
form.addEventListener('submit',function(e){
e.preventDefault();
varuserName=form.userName.value;
varpwd=form.pwd.value;
varuserInfo=JSON.parse(localStorage.getItem(userName));
if(userInfo&&userInfo.pwd===pwd)
returnalert('登录成功!');
alert('登录失败请先注册!');
});
document.getElementsByTagName('button')[0].addEventListener('click',function(e){
e.preventDefault();
location.href='regist.html';
});
});
</script>
</head>
<body>
<formaction="#">
<inputname="userName"type="text"placeholder="账户名"required>
<inputname="pwd"type="password"placeholder="密码"required>
<inputtype="submit"value="登录">
<button>注册</button>
</form>
</body>
</html>
注册页面 regist.html
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>regist</title>
<script>
window.addEventListener('load',function(){
varform=document.forms[0];
vargetUserInfo=function(){
varvalue={};
for(vari=0,len=form.elements.length;i<len;i++){
varel=form.elements[i];
if(/text|password/.test(el.type)){
value[el.name]=el.value;
}
}
returnvalue;
};
form.addEventListener('submit',function(e){
e.preventDefault();
varuserInfo=getUserInfo();
localStorage.setItem(userInfo.userName,JSON.stringify(userInfo));
alert('注册成功!');
});
document.getElementsByTagName('button')[0].addEventListener('click',function(e){
e.preventDefault();
varvalue=getUserInfo();
varout=[];
for(varnameinvalue)
out.push(name+'='+value[name]);
alert(out.join(','));
});
});
</script>
</head>
<body>
<formaction="#">
<inputname="userName"type="text"placeholder="账户名"required>
<inputname="pwd"type="password"placeholder="密码"required>
<inputname="confirmPwd"type="password"placeholder="确认密码"required>
<inputtype="submit"value="注册">
<button>验证</button>
</form>
</body>
</html>
9. php 制作简单的注册页面 登陆页面 然后验证
user表 字段id int(11) username varchar(20) password varchar(32)
这3个字段就够了。
html页面 rel.html
<form action="rel.php" method="post">
用户名：<input type="text" name="name"><br><br>
密码：<input type="password" name="password"><br><br>
<input type="submit" name="submit" value="注册">
</form>
rel.php
<?php
//连接数据库的代码我就不写了 你应该会吧？不会网络一下就好了
$submit = isset($_POST['submit']) ? $_POST['submit'] : '';
if($submit){//如果有表单提交
$username = isset($_POST['username']) ? $_POST['username'] : '';
$password = isset($_POST['password']) ? $_POST['passowrd'] : '';
$password = md5($password);
//先查询数据库是否存在该用户名 注：用户登陆就是等于这个查询 不过查询的时候多加一个password 就是WHERE `username` = '$username` AND `password` = '$password` 就OK拉。
$sqlSelect = "SELECT `username` FROM `user` WHERE `username` = '$username'";
$querySelect = mysql_query($sqlSelect);
@$resultSelect = mysql_fetch_array($querySelect);
if($resultSelect['username']){
echo "<script>alert('该用户名已经存在。');location.href='rel.html';</script>";
}else{//可以注册。
$sqlInsert = "INSERT INTO `user`(`username`,`password`) VALUES('$username','$password')";
$queryInsert = mysql_query($sqlInsert);
if($queryInsert){//注册成功
echo "<script>alert('恭喜，注册成功。');location.href='这里写你注册成功的页面地址。';</script>";
}else{
echo "<script>alert('对不起，注册失败。');location.href='rel.html';</script>";
}
}
}
?>
这就是个简单的注册页面 登陆的话你就把验证用户是否存在的那个单拿出来就行了。。
纯手打，望采纳。
----------------------
对啊 那句话就是注释啊。
10. 怎么注册页面
怎么注册页面？你想注册什么页面？正常来说，在页面的登录窗口。同时也有注册按钮。点击注册按钮之后就进入注册页面了。然后填写注册资料。正常来说都是会绑定手机号码的。注册完成之后就出现了注册账号。然后就可以登录了。