用户注册页面html代码网页设计html软件

编程之家2026-06-12737次浏览

大家好，感谢邀请，今天来为大家分享一下用户注册页面html代码的问题，以及和网页设计html软件的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！

用html和jsp怎么做登陆注册页面

<!DOCTYPE html>

<html>

<head>

<title>hanyu.html</title>

table td{

border: none;

}

</style>

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=/[A-Za-z][A-Za-z0-9_]{6,16}/;

var reg_username=/^[a-zA-Z][a-zA-Z0-9]{5,16}$/;

var reg_password=/^[a-zA-Z0-9_]{6,12}$/;

var reg_mail=/^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;

var reg_phone=/^1\d{10}$/;

var reg_birthday=/^([12]\d{3})-(([1-9])|(1[012])|(0[1-9]))-(([1-9])|([12]\d)|(3[01]))$/;

//身份证校验： reg=/\d{17}[0-9xX]/前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[i].checked)

{

alert(gender[i].value);

break;

}

//兴趣检测

function checkHobbys()

{

var interests= document.getElementsByName("interest");

var flag= false;

//只要有兴趣项被选中即可

for(var i=0;i<interests.length;i++)

{

if(interests[i].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[i].checked)

{

result+=interests[i].value+"";

}

return result;

}

//获取选中的城市

function getCity()

{

var city="";

var citys= document.getElementById("city");

for(var i=0;i<citys.length;i++)

{

if(citys[i].selected)

{

city= citys[i].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")[0].checked="checked";

document.getElementsByName("interest")[0].checked="checked";

document.getElementsByName("interest")[1].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><input type="text" name="username" id="username">字母数字下划线[6-16位]，字母开头<span

id="usernameSpan"></span></td>

</tr>

<tr>

<td><input type="password" name="password" id="password">字母数字下划线[6-12位]<span

id="passwordSpan"></span></td>

</tr>

<tr>

<td><input type="password" name="confirm" id="confirm"><span

id="confirmSpan"></span></td>

</tr>

<tr>

<td><input type="text" name="email" id="email"><span

id="emailSpan"></span></td>

</tr>

<tr>

<td><input type="text" name="phone" id="phone"><span

id="phonelSpan"></span></td>

</tr>

<tr>

<td><input type="text" name="birthday" id="birthday">例如：2015-8-8<span

id="birthdaySpan"></span></td>

</tr>

<tr>

<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><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>

</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>

javascript写的注册页面代码

只是写了昵称密码确认密码电子邮件地址

其余的自己写一下吧

就是这个格式

自己完成吧！

<html>

<head>

<title>Untitled Document</title>

function checkname(){

var div= document.getElementById("div1");

div.innerHTML="";

var name1= document.form1.text1.value;

if(name1==""){

div.innerHTML="姓名不能为空！";

document.form1.text1.focus();

return false;

}

if(name1.length< 4|| name1.length> 16){

div.innerHTML="姓名输入的长度4-16个字符！";

document.form1.text1.select();

return false;

}

var charname1= name1.toLowerCase();

for(var i= 0; i< name1.length; i++){

var charname= charname1.charAt(i);

if(!(charname>= 0&& charname<= 9)&&(!(charname>='a'&& charname<='z'))&&(charname!='_')){

div.innerHTML="姓名包含非法字母，只能包含字母，数字，和下划线";

document.form1.text1.select();

return false;

}

return true;

}

function checkpassword(){

var div= document.getElementById("div2");

div.innerHTML="";

var password= document.form1.text2.value;

if(password==""){

div.innerHTML="密码不位空！";

document.form1.text2.focus();

return false;

}

if(password.length< 4|| password.length> 12){

div.innerHTML="密码长度4-12位";

document.form1.text2.select();

return false;

}

return true;

}

function checkrepassword(){

var div= document.getElementById("div3");

div.innerHTML="";

var password= document.form1.text2.value;

var repass= document.form1.text3.value;

if(repass==""){

div.innerHTML="密码不位空！";

document.form1.text3.focus();

return false;

}

if(password!= repass){

div.innerHTML="输入密码和确认密码长度不一致";

document.form1.text3.select();

return false;

}

return true;

}

function checkEmail(){

var div= document.getElementById("div4");

div.innerHTML="";

var email= document.form1.text5.value;

var sw= email.indexOf("@", 0);

var sw1= email.indexOf(".", 0);

var tt= sw1- sw;

if(email.length== 0){

div.innerHTML="电子邮件不能位空";

document.form1.text5.focus();

return false;

}

if(email.indexOf("@", 0)==-1){

div.innerHTML="电子邮件格式不正确，必须包含@符号！";

document.form1.text5.select();

return false;

}

if(email.indexOf(".", 0)==-1){

div.innerHTML="电子邮件格式不正确，必须包含.符号！";

document.form1.text5.select();

return false;

}

if(tt== 1){

div.innerHTML="邮件格式不对。@和.不可以挨着！";

document.form1.text5.select();

return false;

}

if(sw> sw1){

div.innerHTML="电子邮件格式不正确，@符号必须在.之前";

document.form1.text5.select();

return false;

}

else{

return true;

}

return ture;

}

function check(){

if(checkname()&& checkpassword()&& checkrepassword()&& checkEmail()){

return true;

}

else{

return false;

}

</script>

</head>

<body>

<table>

<tr>

<td>

用户名：

</td>

<td>

</div>

</td>

</tr>

<tr>

<td>

密码：

</td>

<td>

</div>

</td>

</tr>

<tr>

<td>

确认密码：

</td>

<td>

</div>

</td>

</tr>

<tr>

<td>

电子邮件地址：

</td>

<td>

</div>

</td>

</tr>

</td>

</tr>

</table>

</form>

</body>

</html>

网页怎么实现用户注册

先不要着急动态网页，把html学好再说。目前网页编程分为动态和静态，静态是html，以及像vbscript，javascript的脚本，动态是在以上基础上还包含asp或php代码，如果你是单纯想做个登陆程序也不是很难，照葫芦画瓢。

如果你要正经学动态网页的话，首先要学html（使用流行的div+css）和以及使用脚本代码（不一定要会编写），同时由于flash盛行，想做好的网页，flash必学，接着进军动态网页。

你可以想象，一个可以注册登陆的的网站，肯定是需要数据库的，就算是简单access，所以你要能管理假单的数据库，若网站做大了，数据大了，比如像腾讯，那么access就不能用了，必须学SQL,SQL就是比较专业的了，厚厚的一本书。同时既然有用户，那么用户的资料，尤其密码就需要绝对保密，于是MD5加密就是不得不涉及了。同是网站防挂马等等。

然后asp和php就是动态网页，两个都要学，php前景比asp稍好些，但也比asp难些。

上面说的是正式网站，可运营的。

如果仅仅是试试的话，首先不需要acces，可以用txt文件来存取密码，就像vb一样。不存在网站结构，所以不需要用css+div，使用简单的表单就可以实现。另外你只需要登陆程序，那么基本结构就是：数据，动态代码部分，html部分。为尽可能简洁，可以不使用脚本实现页面特效。

1，html。对于登陆程序，表单必须学习。

2，数据，建立一个空白txt文件。

3，动态部分。asp和php各不一样。但是工作原理可以说一下，

输入数据（在表单中输入）

当点击注册按钮时，html的表单form会提交数据指定的asp页面（这部分属于html代码），asp执行——1，接收表单数据，生成一个html页面，里面动态生成你刚注册的用户名。一般是欢迎光临的页面。2，将数据发送到txt文件里保存下来。

如果点登陆，动态代码执行——将用户名密码核对，成功后生成欢迎再次光临页面（这样的页面就是asp或php页面），否则，回到原页面（静态html）。

而且一旦登陆成功，用户访问的页面几乎全部都是asp或php文件。同时，浏览到的个人信息都要与数据库挂钩。

这是一些通俗解释，做个动态网不是那么简单的。你只是看着简单，很多网站都有个，但想自己做就不容易了。一般网页都是托专门的网站制作公司做的，你以为那些什么论坛都是自己做的吗？很多论坛图标都一样，因为全是一个版本的，只是把原来的一些版权东西替换成自己的了。其实你也可以去下载代码，也可以用的。

不过提醒一下，动态网站在自己pc上运行是要安装iss组件，这是和静态网站的区别。没装ISS，asp是没法实现动态运行的，比如，你做的一套本地asp程序（数据库什么都有），可以IE预览看到登陆界面，但是你绝对登陆不上。

用户注册页面html代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网页设计html软件、用户注册页面html代码的信息别忘了在本站进行查找哦。

ai平面设计软件是什么？平面设计软件AI是什么task的固定搭配，tasksbtodo

用户注册页面html代码 网页设计html软件

用html和jsp怎么做登陆注册页面

javascript写的注册页面代码

网页怎么实现用户注册

用户注册页面html代码网页设计html软件