免邮箱注册界面html（用html做个登陆注册两用的登陆框，怎么做）

本文目录

• 用html做个登陆注册两用的登陆框，怎么做
• 用html和jsp怎么做登陆注册页面
• 用HTML代码编一个邮箱登陆界面
• 把这个注册的html弄成验证注册必须是手机号或者邮箱的格式！！

用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+)*$/;
if(form.username.value!=""&&!form.username.value.match(regm)){
alert("邮箱格式不正确，检查后重新输入！");
form.username.focus();
return false;
}
var sMobile = form.username.value
if(!(/^1\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和jsp怎么做登陆注册页面

• jsp语言只是嵌套了服务器端脚本语言，去掉的话和html一样。写代码的话只是在html中写好，套入jsp中就ok

• 《!DOCTYPE html》
  《html》
  《head》
  《title》hanyu.html《/title》
  《meta name="keywords" content="keyword1,keyword2,keyword3"》
  《meta name="description" content="this is my page"》
  《meta name="content-type" content="text/html; charset=UTF-8"》
  《!--《link rel="stylesheet" type="text/css" href="./styles.css"》--》
  《style type="text/css"》
  table td {
  border: none;
  }
  《/style》
  《script type="text/javascript"》
  function check_input()
  {
  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;
  var confirm = document.getElementById("confirm").value;
  var email = document.getElementById("email").value;
  var phone = document.getElementById("phone").value;
  var birthday = document.getElementById("birthday").value;
  var gender; //性别
  //“^”是代表以什么开头，“$”是代表以什么结尾。比如：/^\dA$/ //这个就匹配，以数字开头，并且一大写字母A结尾的字符串。
  //var reg_username = /{6,16}/;
  var reg_username = /^{5,16}$/;
  var reg_password = /^{6,12}$/;
  var reg_mail = /^\w+@\w+(\.{2,3}){1,2}$/;
  var reg_phone = /^1\d{10}$/;
  var reg_birthday = /^())$/;
  //身份证校验： reg=/\d{17}/ 前17位为数字第18位为数字或者字母X或x
  if(!reg_username.test(username)) //用户名判断
  {
  alert("用户名输入有误，只能是字母数字下划线，6-16位");
  }
  else if(!reg_password.test(password))
  {
  alert("密码输入有误，只能是字母数字下划线6-12位");
  }
  else if(confirm != password)
  {
  alert("两次密码输入的不一致");
  }
  else if(!reg_mail.test(email))
  {
  alert("邮箱输入有误")
  }
  else if(!reg_phone.test(phone))
  {
  alert("手机号输入有误");
  }
  else if(!reg_birthday.test(birthday))
  {
  alert("日期输入不正确");
  }
  else if(!checkGender())
  {
  alert("请选择性别");
  }else if(!checkHobbys())
  {
  alert("请至少选择一项兴趣");
  }
  else
  {
  var gender = getGender();
  var interests = getInterest();
  var city = getCity();
  var date = new Date();
  alert("注册成功");
  document.write("《h1》欢迎您， "+username+"《/h1》《br/》");
  document.write("用户名： "+username+"《br/》");
  document.write("密码： "+password+"《br/》");
  document.write("邮箱： "+email+"《br/》");
  document.write("手机： "+phone+"《br/》");
  document.write("出生日期："+birthday+"《br/》");
  document.write("性别： "+gender+"《br/》");
  document.write("兴趣： "+interests+"《br/》");
  document.write("城市： "+city+"《br/》");
  document.write("注册时间："+date.toLocaleString()+"《br/》");
  }
  }
  //性别检测
  function checkGender()
  {
  var man = document.getElementById("man");
  var women = document.getElementById("women")
  if(man.checked || women.checked)
  {
  return true;
  }else
  {
  return false;
  }
  }
  //性别检测另一种方法
  function checkSex()
  {
  //获取页面中同名的元素，返回一个元素数组
  var gender = document.getElementsByName("gender");
  //gender.length获取数组的长度
  //循环获取当前选中状态的性别的值
  for(var i =0;i《gender.length;i++)
  {
  //判断某项的checked是否被选中，选中返回true
  if(gender.checked)
  {
  alert(gender.value);
  break;
  }
  }
  }
  //兴趣检测
  function checkHobbys()
  {
  var interests = document.getElementsByName("interest");
  var flag = false;
  //只要有兴趣项被选中即可
  for(var i=0;i《interests.length;i++)
  {
  if(interests.checked)
  {
  flag =true;
  }
  }
  return flag;
  }
  //获取选中的性别
  function getGender()
  {
  var man = document.getElementById("man");
  var women = document.getElementById("women")
  if(man.checked)
  {
  return man.value;
  }else if(women.checked)
  {
  return women.value;
  }else
  {
  return "";
  }
  }
  //获取选中的爱好选项
  function getInterest()
  {
  var result="";
  var interests = document.getElementsByName("interest");
  for(var i=0;i《interests.length;i++)
  {
  if(interests.checked)
  {
  result+=interests.value+" ";
  }
  }
  return result;
  }
  //获取选中的城市
  function getCity()
  {
  var city="";
  var citys = document.getElementById("city");
  for(var i=0;i《citys.length;i++)
  {
  if(citys.selected)
  {
  city = citys.text;
  }
  }
  return city;
  }
  //产生测试数据
  function Generate_data()
  {
  document.getElementById("username").value = "QQ764073542";
  document.getElementById("password").value = "SoftStar";
  document.getElementById("confirm").value = "SoftStar";
  document.getElementById("email").value = "QQ764073542@163.com";
  document.getElementById("phone").value = "15194070000";
  document.getElementById("birthday").value = "2015-11-11";
  document.getElementsByName("gender").checked = "checked";
  document.getElementsByName("interest").checked = "checked";
  document.getElementsByName("interest").checked = "checked";
  document.getElementById("city").text = "山东";
  //document.getElementById("usernameSpan").innerHTML = "格式要求2";
  }
  《/script》
  《/head》
  《body》
  《form》
  《table border="1" width="60%" align="center" cellpadding="5"
  cellspacing="0"》
  《tr》
  《td width="20%"》用户名:《/td》
  《td》《input type="text" name="username" id="username"》字母数字下划线，字母开头《span
  id="usernameSpan"》《/span》《/td》
  《/tr》
  《tr》
  《td》密码:《/td》
  《td》《input type="password" name="password" id="password"》字母数字下划线《span
  id="passwordSpan"》《/span》《/td》
  《/tr》
  《tr》
  《td》确认密码:《/td》
  《td》《input type="password" name="confirm" id="confirm"》《span
  id="confirmSpan"》《/span》《/td》
  《/tr》
  《tr》
  《td》邮箱:《/td》
  《td》《input type="text" name="email" id="email"》《span
  id="emailSpan"》《/span》《/td》
  《/tr》
  《tr》
  《td》手机:《/td》
  《td》《input type="text" name="phone" id="phone"》《span
  id="phonelSpan"》《/span》《/td》
  《/tr》
  《tr》
  《td》出生日期:《/td》
  《td》《input type="text" name="birthday" id="birthday"》例如：2015-8-8《span
  id="birthdaySpan"》《/span》《/td》
  《/tr》
  《tr》
  《td》性别:《/td》
  《td》《input type="radio" id="man" name="gender" value="male"》男《input
  type="radio" id="women" name="gender" value="female"》女《span
  id="genderSpan"》《/span》《/td》
  《/tr》
  《tr》
  《td》兴趣:《/td》
  《td》《input type="checkbox" name="interest" value="java"》Java
  《input type="checkbox" name="interest" value="HTML"》HTML 《input
  type="checkbox" name="interest" value="javascript"》JavaScript《span
  id="interestSpan"》《/span》《/td》
  《/tr》
  《tr》
  《td》城市:《/td》
  《td》《select id="city"》
  《option value="sd"》山东《/option》
  《option value="sh"》上海《/option》
  《option value="bj"》北京《/option》
  《option value="gz"》广州《/option》
  《option value="cd"》成都《/option》
  《option value="qt"》其他《/option》
  《/select》 《span id="citySpan"》《/span》《/td》
  《/tr》
  《tr》
  《td colspan="2" align="center"》《input type="button"
  onclick="check_input()" value="新用户注册"》 《input type="button"
  onclick="Generate_data()" value="产生测试数据"》《/td》
  《/tr》
  《/table》
  《/form》
  《/fieldset》
  《/body》
  《/html》

用HTML代码编一个邮箱登陆界面

《html》
《body》
《center》
《table background="354.gif" width="400px" height="300px" border="0px" 》
《tr align="center"》
《td rowspan="2"》帐号《/td》
《td rowspan="2"》 《input type="text" name="username"》《/td》
《/tr》
《tr》
《/tr》
《tr align="center"》
《td rowspan="2"》密码《/td》
《td rowspan="2"》 《input type="password" name="password"》《/td》
《/tr》
《tr》
《/tr》
《tr align="center"》
《td rowspan="2"》《input type="submit" value="登录"》《/td》
《td rowspan="2"》《input type="reset" value="重新填写"》《/td》
《/tr》
《tr》
《/tr》
《tr align="center"》
《td》《a href="*"》找回密码《/a》《/td》
《td》《a href="*"》注册用户《/a》《/td》
《/tr》
《/table》
《/center》
《/body》
《/html》

把这个注册的html弄成验证注册必须是手机号或者邮箱的格式！！

***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《html》
《head》
《title》《/title》
《script》
function check(){
var username= document.getElementById("username");
var pattern=/^1\d{8}$/;
if(pattern.test(username.value)){
document.getElementById("from1").submit();
} else{
alert("格式不正确");
}
}
《/script》

《/head》
《body》

《div》
《h1 align="center"》用户注册《/h1》
《form action="123.php" method="post" id="from1"》
手机号：《input type="text" id=username name="username" /》
密码：《input type="password" name="password1"/》
确认密码：《input type="password" name="password2"/》
《input type="button" value="注册" onclick="check()"/》
《input type="reset" value="重置" class="button"/》《/form》
《/div》
《/body》
《/html》