1、如何制作需要用户名和密码才能登陆的网页(注册表单)
是要用asp。不仅是这样啊。你还要有一个后台的数据库,里面存放着你的客户的资料。所有注册的资料都存放在数据库里。当他登陆的时候如果数据库里有他的资料就会登陆,如果没有就要新注册。把你的网页连接数据库。数据库的作用不仅仅是实现用户登录。你可以有管理员管理等很多
2、HTML5网页前端设计中如下图表单的代码怎么写?
下面是表单代码,你直接再加属性就可以了,表单用 table 写比较简单,div 太麻烦了;
<html xmlns=" http://www.dayinmandarin.com ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>黑板</title>
</head>
<body>
<div style="width:500px;">
<h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;">用户注册页面</h1>
<table cellpadding="0" cellspacing="10" style="margin:0 auto;">
<tr>
<td align="right" valign="top"><div>用户名:</div></td>
<td><input style='width:250px' value='请输入用户名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>密 码:</div></td>
<td><input style='width:250px' value='请输入密码' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>确 认:</div></td>
<td><input style='width:250px' value='请再次输入密码' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>姓 名:</div></td>
<td><input style='width:250px' value='请输入真实姓名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>邮 箱:</div></td>
<td><input style='width:250px' value='请输入电子邮箱' /></td>
</tr>
</table>
<div align="center"><input style="width:100px;height:30px;text-align:center;line-height:30px;background:#2289F0;border:#2289F0;color:white;font-weight:bold;font-size:16px;" type="submit" value="提交注册" /></div>
</div>
</body>
</html>
3、网页设计的表单怎么弄
以下是源代码,输入正确的密码(www.chinaitz.com),跳转到的网址为 http://www.chinaitz.com
复制以下源代码,改名为 chinaitz.html 后运行即可
==================================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.chinaitz.com</title>
</head>
<body>
<form id="chinaitzform" name="chinaitzform" method="post" action="chinaitz.html">
<label>
<input type="password" name="password" id="password" />
</label>
<p>
<label>
<!-- input type="submit" name="button" id="button" value="提交" /-->
<input class="submit" value="提交" name="chinaitz" onclick="javascript:checkvalue();return false;" type="button">
</label>
</p>
<script LANGUAGE="JavaScript">
function checkvalue()
{
if(document.chinaitzform.password.value=="")
{
alert("密码不能为空!");
return(false);
}
if(document.chinaitzform.password.value!="www.chinaitz.com")
{
alert("密码输入错误!");
return(false);
}
document.chinaitzform.submit();
return(window.open('http://www.chinaitz.com'));
}
</script>
</form>
</body>
</html>
==================================================================
4、运用HTML5新表单元素制作一个网页,内容包括:用户名输入、密码输入、二次密码确认、邮箱输入、关键
<html>
<head>
<title></title>
</head>
<body>
<div>HTML各种输入验证</div>
用户:<input id="uname" type="text" /><br />
密码:<input id="pwd" type="password" /><br>
确认密码:<input id="pwd1" type="password" /><br>
EMAIL:<input id="email" name="email" type="email" /><br>
<input id="load" value="登陆" type="button" onclick="check()" />
<script language="javascript">
window.onload = function ()
{
document.getElementById('uname').focus();
}
function check()
{
var uname=document.getElementById("uname").value;
var pwd=document.getElementById("pwd").value;
var pwd1=document.getElementById("pwd1").value;
var email=document.getElementById("email").value;
if(uname+pwd=="")
{
alert("用户名和密码不能为空");
}
else if(uname=="")
{
alert("用户名不能为空");
}
else if(pwd=="")
{
alert("密码不能为空");
}
else if(pwd1 != pwd)
{
alert("两次密码不一样");
}
//
if(email=="")
{
alert("电子邮件不能为空");
return false;
}
else
{
reg=/^([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/gi;
if(!reg.test(email))
{
alert("非法的电子邮件");
return false;
}
}
}
</script>
</body>
</html>
5、请教网页制作高手,想在网页上做一个用户注册和登录的表单
<html > <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script language="jscript"> function check(){ var name=myform.txtN.value; var pass = myform.txtP.value; if(name.length==""||pass.length==""){ alert("用户名或密码不能为空!"); return false; } if(pass.length<6||name.length<6){ alert("密码或用户名长度要位以上"); return false; } for(var i = 0;i<name.length;i++){ name=name.toLowerCase().charAt(i); if(!(name>='0'&&name<='9')&&!(name>='a'&&name<='z')){ alert("用户名必须只能由数字和字母组成"); return false; } } return true; } </script> <title>css样式特效</title> <style type="text/css"> table{ font-size:12px; } .mouseOverStyle{ background-image:url(img/excer/images1/freedl_1-2.jpg); border:0px; padding:0px; margin:0px; height:24; width:102; font-size:12px; } .mouseOver{ background-image:url(img\excer\images1\freedl_1-1.jpg); border:0px; margin:0px; padding:0px; height:24; width:102; font-size:12px; } .mouseOut{ ` background-image:url(img\excer\images1\freedl_1-2.jpg); border:0px; margin:0px; padding:0px; height:24; width:102; font-size:12px; } </style> </head> <body> <form name="myform" method="post" action="a.htm" onSubmit="return check()"> <table border="0" bgcolor="#F8F8F8" style="border-style:solid; border-width:1px;"> <tr> <td colspan="2"><img src="img/excer/images1/freeh1-n.jpg" alt="1" ></td> </tr> <tr> <td width="72"><label></label> <div align="right">用户名:</div></td> <td width="240"><label> <input type="text" name="txtN" style="border-color='#00a8a8'" onMouseOver="this.style.borderColor='#ffa346';" onMouseOut="this.style.borderColor='#00a8a8'"> </label> <br>名字由字母和数字组成</td> </tr> <tr> <td><div align="right">密码:</div></td> <td><label> <input type="password" name="txtP" style=" border-color:#00a8a8" onMouseOver="this.style.borderColor='#ffa346';" onMouseOut="this.style.borderColor='#00a8a8'" > </label> </td> </tr> <tr> <td> </td> <td><label>密码长度6位以上</label></td> </tr> <tr> <td> </td> <td><label> <input type="submit" name="Submit" value=" 登录 " class="mouseOverStyle" onMouseOver="this.className='mouseOver'" onMouseOut="this.className='mouseOut'" > </label> </td> </tr> </table> </form> </body> </html>
6、网页制作,表单提交代码,谁会?(在线等)
<html>
<head></head>
<body>
<table><tr><td>
<form action="new.html" action=post>
<input name="value" type="text" value="你要输入的内容">
<input type=submit name=submit>
</form>
</td></tr>
</body></html>
new.html
<html>
<head></head>
<script type="text/javascript" language="javascript">
<!--
function GetQueryString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
function timer(){
var value =GetQueryString("value");
document.getElementById("value").innerHTML = value;
}
-->
</script>
<body onload="window.setInterval('timer()');">
你输入的内容是:<div id="value"></div>
</body>
</html>
基本上可以实现你的要求,但遇到中文会出现编码问题,你到网上再查查!
7、网页设计,form表单中的验证用户名和密码
一般我们在做Form表单数据提交,建议弹出一个对话框增强交互性,还有现在比较好的用户交互做法是异步同输来实现。