html注册页面
发布时间: 2020-12-20 06:37:31
① HTML5写注册页面
http://blog.csdn.net/miachen520/article/details/51811253
② JavaScript+html设计一个用户注册页面
var reg=/^[a-zA-Z]\w*$/; var flag1=false,flag2=false,flag3=false; function chang1(obj){ var name=obj.value; if(name.length<3||name.length>8){ //alert("密码要求3-8位！"); document.getElementById("usName").innerHTML=" 用户名要求3-8位！"; } else if(!reg.test(name)){ //alert("用户名由字母开头，后字母、数字专或下划线属!"); document.getElementById("usName").innerHTML=" 用户名由字母开头，后字母、数字或下划线"; flag1=false;
③ 动态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>
④ 用html和css如何做注册页面
<div>
<inputtype="text"value=""/>
<inputtype="text"value=""/>
<inputtype="text"value=""/>
<inputtype="text"value=""/>
<p>我已阅读并接受<span>用户服务协议</span></p>
<ahref="javascript">注册</a>
</div>
大致就这样
⑤ html注册页面 提交
你这个不是已经有判断的js了吗？ 如果是没有执行的话，应该是form标签后面onsubmit="return check(this)"与method="post"中间没有空格。可以先试试是不是这个原因，不是的话可以继续问
⑥ 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>
案例下载
⑦ 怎样用HTML制作注册的页面
可以做出了页面，但是不能进行交互，，html只是前端语言，，
⑧ html 中的注册页面怎么写来着，希望给个源码多谢了。
注册页面密码最好输入两次 而且需要的话 注意采集一些必要的信息
⑨ html点击按钮弹出注册页面
我的思路是：设置注册的<div>初始时隐藏的，里面写好各种表单，当点击页面注册按钮时，让初始隐藏的<div>显示在最上面，
热点内容