登录注册页面HTML（登录注册页面html+css简易）

本篇文章给大家谈谈登录注册页面HTML，以及登录注册页面html+css简易对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、html怎么做登录注册页面
• 2、用html做个登陆注册两用的登陆框，怎么做？
• 3、注册/登陆页面HTML代码该怎么写？
• 4、用html代码编写一个简单的登陆界面
• 5、注册页面html中的登录按钮代码

html怎么做登录注册页面

form action = "a.html" method = "post"

用户名：input type = "text" name = "username" id = "username"

br

密码：input type = "password" name = "password" id = "password"

br

input type = "submit" id = "submit" value = "登录"

/form

用html做个登陆注册两用的登陆框，怎么做？

html

head

font face="华文隶书" size="+2"登陆界面br/

script language="javascript"

function check(){

if (form.username.value==""){

alert("用户名不能为空！");

form.username.focus();

return false;

}

if (form.password.value==""){

alert("密码不能为空！");

form.password.focus();

return false;

}

if (form.password2.value==""){

alert("请再次输入密码！");

form.password2.focus();

return false;

}

if (form.password.value!==orm.password2.value){

alert("两次密码不相同！");

form.password2.focus();

return false;

}

if (form.email.value==""){

alert("邮箱为空！");

form.email.focus();

return false;

}

var reg =/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

if(form.username.value!=""!form.username.value.match(regm)){

alert("邮箱格式不正确，检查后重新输入！");

form.username.focus();

return false;

}

var sMobile = form.username.value

if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(sMobile))){

alert("不是完整的11位手机号或者正确的手机号前七位");

form.username.value.focus();

return false;

}

}

/head

body

form

邮箱/手机登录：

input type="text" name="username"/br/

登陆密码：

input type="password" name="password"/br/

确认密码：

input type="password" name="password2"br/

/form

form name="form" method="post" action=""/

table width="70%" class="mars" cellspacing="1" cellspacing="0" width="100%" border="0"

tbody

tr

td class="item" width="41%"

div align="right"邮箱/手机登录：/div

/td

td width="7%"/td

/body

/html

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

以下为个人原创教学例子，任何人引用需注明出自百度知道用户am7972,楼主可供参考\x0d\x0a该例子涵盖了文本框、密码框、下拉菜单、单选框、复选框及文本区的使用\x0d\x0a同时在数据的使用方面涵盖了文本型、数值型、日期型、布尔型的使用\x0d\x0a也涵盖了在会员信息入数据库前，进行严格的数据检查\x0d\x0a不足处，JS验证还不是太完善，不过有服务端认证足够了\x0d\x0a会员注册\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a

会员注员 \x0d\x0a 姓名： \x0d\x0a 密码： \x0d\x0a 性别： 男 女 \x0d\x0a 生日： \x0d\x0a 年龄： \x0d\x0a 爱好： 上网 读书 体育 \x0d\x0a 上网方式： \x0d\x0a 拨号上网 无线上网 光纤上网 \x0d\x0a \x0d\x0a 个人简介：

\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a====bb.asp的会员注册非法数据监测====\x0d\x0a0 Then\x0d\x0a Response.write "姓名不能包含特殊符号!@#$%^&*()_-+|?"",." \x0d\x0a Response.End \x0d\x0a End If\x0d\x0aNext\x0d\x0a'判断密码合不合法，是否包含非法数据userPassword = Trim(userPassword)If userPassword ="" Then Response.write "密码不能为空" Response.EndEnd If\x0d\x0aIf Len(userPassword)>20 Then\x0d\x0a Response.write "密码字数不能超过20个字" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断密码合不合法，是否包含非法数据\x0d\x0aSex = Trim(Sex)\x0d\x0aIf Sex = "" Then\x0d\x0a Response.write "性别不能为空"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf Sex "True" And Sex "False" Then\x0d\x0a Response.write "性别不能为不男不女"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断生日合不合法，是否包含非法数据\x0d\x0auserSR = Trim(userSR)\x0d\x0aIf userSR ="" Then\x0d\x0a Response.write "生日不能为空"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf Len(userSR)10 Then '例如：2012-6-3 2012-11-23\x0d\x0a Response.write "你输入的生日字数不对，应为2012-6-3或2012-11-23格式" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf IsDate(userSR)=False Then\x0d\x0a Response.write "你输入的生日格式不能转化为日期，请核实" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf DateDiff("yyyy",userSR,Date())200 Then\x0d\x0a Response.write "根据你输入的生日你可能小于1岁或已经超过200岁了，请核查重新输入" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断年龄合不合法，是否包含非法数据userNL = Trim(userNL)If userNL ="" Then\x0d\x0a Response.write "年龄不能为空" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf IsNumeric(userNL)=False Then\x0d\x0a Response.write "你输入的年龄不能转化为数值，请核查"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0auserNL = CInt(userNL)\x0d\x0aIf userNL200 Then\x0d\x0a Response.write "你输入的年龄不能小于0岁或者大于200岁，请核查"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断爱好合不合法，是否包含非法数据ah = Trim(ah) '选择多个爱好则系统会用，分开 测试\x0d\x0aah = Replace(ah," ","")\x0d\x0aarrAh = Split(ah,",")\x0d\x0aFor i = LBound(arrAh) To UBound(arrAh)\x0d\x0a If arrAh(i)"sw" And arrAh(i)"ds" And arrAh(i)"ty" Then \x0d\x0a Response.write i & "你选择的爱好有问题，请核查" & arrAh(i)\x0d\x0a Response.End\x0d\x0a End If\x0d\x0aNext\x0d\x0a'判断上网方式合不合法，是否包含非法数据swfs = Trim(swfs)If swfs = "" Then\x0d\x0a Response.write "上网方式不能为空"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf swfs"bhsw" And swfs"wxsw" And swfs"gxsw" Then\x0d\x0a Response.write "你选择的上网方式有问题，请核查"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断个人简介是否为空，是否超出1000个字\x0d\x0auserGrjs = Trim(userGrjs)\x0d\x0aIf userGrjs = "" Then\x0d\x0a Response.write "个人简介不能为空" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf Len(userGrjs) > 1000 Then\x0d\x0a Response.write "个人简介不能超过1000个字"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aResponse.write "数据合法性检测通过"\x0d\x0a%>\x0d\x0a====登陆的HTML代码可相信楼主参照会员注册代码应该没问题了====

用html代码编写一个简单的登陆界面

!DOCTYPE htmlhtml lang="zh-CN"head

meta charset="utf-8"

meta http-equiv="X-UA-Compatible" content="IE=edge"

meta name="viewport" content="width=device-width, initial-scale=1"

title登录/title

link href="css/bootstrap.min.css" rel="stylesheet"/headbodynav class="navbar navbar-default"

div class="container-fluid"

div class="navbar-header"

a class="navbar-brand" href="./"jsp作业/a

/div

div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"

ul class="nav navbar-nav navbar-right"

lia href="login.html"登录/a/li

/ul

/div

/div/navdiv class="container"

div class="row"

div class="col-md-4"

/div

div class="col-md-4"

form class="form-signin" target="submitFrame" method="post"

h2 class="form-signin-heading"登录到jsp作业/h2

label for="inputEmail"Email/label

input type="email" id="inputEmail" class="form-control" placeholder="请输入Email" required autofocusbr

label for="inputPassword"密码/label

input type="password" id="inputPassword" class="form-control" placeholder="请输入密码" required

div class="checkbox"

label

input type="checkbox" value="remember-me" checked="checked" 记住密码 /label

/div

button type="submit" class="btn btn-primary" id="btn-login"登录/button

a href="reg.html" class="btn btn-default"注册/a

/form

iframe style="display: none;" name="submitFrame" src="about:blank"/iframe

/div

div class="col-md-4"

/div

/div

script src="js/jquery.min.js"/script/body/html

注册页面html中的登录按钮代码

input type="button" name="submit" value="Log in" class="left" onclick="OnSubmits()" /

登录注册页面HTML的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于登录注册页面html+css简易、登录注册页面HTML的信息别忘了在本站进行查找喔。