当前位置：首页 » 编程语言 » html登入

html登入

发布时间: 2021-03-10 08:38:01

『壹』怎么用html实现自动登录其他网页

可以这样，做一个大的导航栏就可以了，用a标签来进行跳转

『贰』 html语言如何实现帐号密码登陆

html可以使用表单进行的最简单的账号密码登录的页面设计，但是不具备判断回账号密码正确性等答逻辑的能力，这个需要后台语言处理反馈。

工具原料：编辑器、浏览器

1、使用form表单事件最简单的账号密码登录的数据提交，代码如下：

<!DOCTYPEhtml>
<html>
<body>

<formaction="login.php">
用户名:<br>
<inputtype="text"name="firstname"value="请输入账号">
<br>
密码:<br>
<inputtype="text"name="lastname"value="请输入密码">
<br><br>
<inputtype="submit"value="Submit">
</form>
</body>
</html>

2、点击提交数据将会提交给login.php进行处理，运行的结果如下：

『叁』 HTML实现简单的登陆

最简单的方法也得是在后台连接数据库进行用户信息的判断，这是登录和注册的基本流程！设计出登录和注册的页面，做好你的前台验证工作，如非空，格式等验证；然后添加按钮方法，在后台进行数据库连接，然后判断用户的用户名是否存在，如果存在再判断密码是否正确！

『肆』 html登陆界面代码

实现这个功能要两个网页，一个是前台静态网页，用两个文本框分别为t1，t2，一回个按钮active后面写上你要跳答转的后台网页的名称如"houtai.asp"
以下是houtai.asp的代码
<%
dim
a,b
a=request.from("t1")
b=request.from("t2")
if
a<>admin
then
response.write
"用户名错误"
else
if
b<> 123456
then

response.write
"密码错误"

else
response.redirect
"你要转到的主页.asp"
end
if
end
if
%>

『伍』 html的用户登录系统

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>无标题文档</title>
<scriptsrc="moban1830/javascript/jquery.min.js"></script><!--自己去下载一个JQUERY-->
<style>
.header{
	width:100%;
	border:1pxsolidred;
}
.left{
	float:left;
	width:40%;
	border:1pxsolidred;
}
.right{
	float:left;
	width:58%;
	border:1pxsolidred;
}
.ok{
	display:none;
	}
#tishi{
	color:red;
	}
</style>
</head>
<body>
<divclass="header">header</div>
<divclass="left">
<divclass="up">
<p>
用户名：<inputtype="text"name="user"id="user"></input>
</p>
<p>
密&nbsp;码：<inputtype="password"name="password"id="password"></input>
</p>
<pid="tishi"></p>
<pstyle="text-align:center">
<inputtype="button"name="new"id="new"value="注册"></input>
<inputtype="button"name="up"id="up"value="登录"></input><inputtype="button"name="re"id="re"value="重置"></input>
</p>
</div>
<!--这里是登录后显示的内容-->
<divclass="ok">
<p>欢迎您的登录！</p>
<pclass="name"></p>

<inputtype="button"name="off"id="off"value="注销"></input>
</div>
</div>

<divclass="right">这里是右边的块</div>
</body>
<script>
$(document).ready(function(e){
$("#up").click(function(){
		if($("#user").val()==""){
			$("#tishi").html("用户名不能空！");
			}else
		if($("#password").val()==""){
			$("#tishi").html("密码不能空！");
			}else
		if($("#user").val()=="111"&&$("#password").val()=="111"){
			$(".up").css("display","none");
			$(".name").html("111！");
			$(".ok").css("display","block");
			}else{
				$("#tishi").html("用户名或密码不正确！");
				}
		});
		$("#off").click(function(){
			$(".up").css("display","block");
			$(".ok").css("display","none");
			});
});

</script>
</html>

大概的思路告诉你吧，你已经写到判断input内账号和密码真确的情况

if(用户名&密码都对）{

这个块开始是display是none，如果密码正确设置display为block,同时将登陆框的display设置为none；

然后去监听注销这个按钮，如果点击了，上面的步骤反过来就好了。

}

最主要的题目要求使用jquery，你没有用啊。

『陆』登录页面html代码

<htmlxmlns="http://www.w3.org/1999/xhtml"><head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<title>贵美商城</title>
<linkrel="stylesheet"type="text/css"href="css/global.css">
<linkrel="stylesheet"type="text/css"href="css/layout.css">
		
<scripttype="text/javascript">
//snameCheck()&&passCheck()
functionvalidateform(){
	if(snameCheck()&&passCheck())
	returntrue;
	else
	returnfalse;
}

//ScreenNameValidation
functionsnameCheck(){
varsname=document.getElementsByName("sname")[0].value;
varillegalChars=/W/;
	if(sname.length!=0){
		if(illegalChars.test(sname)){
		document.getElementById("passMsg").innerHTML.replace(/'会员名无效'/,'');
document.getElementById("passMsg").innerHTML='会员名无效';
		document.getElementsByName("sname")[0].select();
		returnfalse;
		}
	}
	else
	{
	document.getElementById("userMsg").innerHTML.replace(/'是否忘记输入会员名？'/,'');
document.getElementById("userMsg").innerHTML='是否忘记输入会员名？';
	document.getElementsByName("sname")[0].focus();
	returnfalse
	}
	if(sname!=="zhangsan"){//验证会员名必须为张三
	document.getElementById("userMsg").innerHTML.replace(/'是否输入的会员名有错？'/,'');
document.getElementById("userMsg").innerHTML='是否输入的会员名有错？';
	document.getElementsByName("sname")[0].focus();
	returnfalse;
	}
	returntrue;
}

functionpassCheck(){
varuserpass=document.getElementsByName("pass")[0].value;
varillegalChars=/[W_]/;//allowonlycharactorsandnumbers
	//CheckifPasswordfieldisblank.
	if(userpass==""){
		document.getElementById("passMsg").innerHTML.replace(/'未输入密码
"+"请输入密码'/,'');
document.getElementById("passMsg").innerHTML='未输入密码
"+"请输入密码';
		document.getElementsByName("pass")[0].focus();
	returnfalse;
	}
	//.
	if(userpass.length<6){
		document.getElementById("passMsg").innerHTML.replace(/'密码必须多于或等于6个字符。
'/,'');
document.getElementById("passMsg").innerHTML='密码必须多于或等于6个字符。
';
		document.getElementsByName("pass")[0].focus();
	returnfalse;
	}
	//.
	elseif(illegalChars.test(userpass)){
		document.getElementById("passMsg").innerHTML.replace(/'密码包含非法字符'/,'');
document.getElementById("passMsg").innerHTML='密码包含非法字符';
		document.getElementsByName("pass")[0].select();
		returnfalse;
	}
	if(userpass!=="123456"){//验证密码必须为123456
	document.getElementById("passMsg").innerHTML.replace(/'密码错误，请重新输入！'/,'');
document.getElementById("passMsg").innerHTML='密码错误，请重新输入！';
		document.getElementsByName("pass")[0].focus();
		returnfalse;
	}
	returntrue;
}
</script>	
<scripttype="text/javascript"charset="utf-8"src="http://cdn.gwdang.com/js/gwdang-notifier-bdext.js"></script></head>
<body>
<divid="container">
	<iframeid="header"src="header.htm"width="980"height="136"frameborder="0"scrolling="no"></iframe>
	<formaction="login_success"method="post">
	<divclass="login">
		<ulclass="formf_l">
			<h1><imgsrc="images/logintitle.gif"alt="会员登录"></h1>
			<liclass="login_list"><label>会员名：</label><inputtype="text"name="login">（可包含a-z、0-9和下划线）</li>
			<liclass="login_list"><label>密&nbsp;&nbsp;&nbsp;码：</label><inputtype="text"name="pwd">（至少包含6个字符）</li>
			<liclass="a_c"><imgsrc="images/login.gif"alt="登录"></li>
			<liclass="desc">δ&nbsp;&nbsp;<ahref="#">什么是安全登录</a>。</li>
			<liclass="desc">δ&nbsp;&nbsp;香港会员（繁体中文用户）由此<ahref="#">登入</a></li>
			<liclass="desc">δ&nbsp;&nbsp;<ahref="#">密码安全贴士</a>。</li>
			<liclass="desc">δ&nbsp;&nbsp;防止病毒或者木马窃取您的账户信息，<ahref="#">在线检查</a>您的电脑是否安全。</li>						
		</ul>
			<h1><imgsrc="images/register.gif"alt="注册会员"></h1>
		<ulclass="asidef_l">
			<liclass="regpic"><span>便宜有好货！</span>超过7000万件商品任您选。</li>
			<liclass="regpicregpic2"><span>买卖更安全！</span>交易超安全。</li>
			<liclass="regpicregpic3"><span>免费开网店！</span>轻松赚钱交友。</li>
			<liclass="regpicregpic4"><span>超人气社区！</span>彩活动每一天</li>
			<liclass="a_c"><ahref="#"><imgsrc="images/registernow.gif"alt="现在就注册"></a></li>
			<ulclass="reged">
			<liclass="regpicregpic5">您已经是会员？<ahref="#">由此登入</a></li>
			<liclass="regpicregpic6">繁体中文用户由此<ahref="#">注册</a></li>
			</ul>
		</ul>
	</div>
	</form>
	<iframeid="footer"src="footer.htm"width="980"height="136"frameborder="0"scrolling="no"></iframe>
</div><!--containerend-->	<divclass="_bd_ext_tip"style="visibility:hidden;"><spanclass="_bd_ext_search">网络一下</span><spanclass="_bd_ext_open">打开链接</span><spanclass="_bd_ext_">复制</span></div></body></html>

『柒』求一段用户登录html代码

<html>
<head>
<title>登陆页面</title>
</head>

<form action="login_conf.jsp" method="post">
用户登陆
用户名：<input type="text" name="uname">
密码： <input type="password" name="upassword">
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>

****************************************************
验证页面jsp代码如下：
<html>
<head>
<title>用户验证页面</title>
</head>

<h1> 登陆范例专-登陆成功 </h1>
</html>

不知道你用啥属样的前台是jsp还是asp.net或者是php

『捌』用户登录html代码有哪些

<html>
<head>
<title>登陆页面</title>
</head>

<form action="login_conf.jsp" method="post">
用户登陆
用户名：<input type="text" name="uname">
密码： <input type="password" name="upassword">
<input type="submit" value="提交">
<input type="reset" value="重置版">
</form>
</body>
</html>

****************************************************
验证页面jsp代码如下：
<html>
<head>
<title>用户验证页面</title>
</head>

<h1> 登陆范例-登陆成功权 </h1>
</html>

不知道你用啥样的前台是jsp还是asp.net或者是php

『玖』 html怎么写注册登录

确切的说，登陆注册代码，是由2部分组成
首先，是html元素，具体表单元素（注册也好，登陆也好，都需要输入框和按钮提供给用户输入他的信息和提交他的信息）
第二部分：需要服务器端动态语言去处理表单发送来的信息，而这个，由于html是客户端语言，已经html不具备动态解析功能，所以，html是不可能做得到的。这部分就需要诸如但不限于：asp php asp.net jsp等来进行服务器端处理

阅读全文

html登入

与html登入相关的阅读推荐