當前位置：首頁 » 編程語言 » 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登入相關的閱讀推薦