當前位置:首頁 » 操作系統 » html登錄頁面源碼

html登錄頁面源碼

發布時間: 2022-12-06 11:17:29

❶ html網頁源代碼是什麼 如何查看網頁源代碼經驗篇

第一種:打開一個網頁後點擊滑鼠的 右鍵就會有"查看源文件",操作滑鼠右鍵--->查看源文件即可彈出一個記事本,而記事本內容就是此網頁的html代碼。

可能會碰到一些網頁滑鼠右鍵無反應或提出提示框,那是因為做網頁的加入了JS代碼來禁止用戶查看源文件代碼或復制網頁內容,但是這種方法也沒用,只有你稍微懂得以下第二種方法即可查看此網頁的源代碼源文件。

第二種:通過瀏覽器狀態欄或工具欄中的點擊 「查看」然後就用一項「查看源代碼」,點擊查看源代碼即可查看此網頁的源代碼源文件。

在微軟IE下查看--->源文件即可查看此網頁代碼在傲遊瀏覽器下截圖:

查看別人網頁的源代碼可以為我們製作網頁時候有幫助,以後將介紹查看源代碼更多方法及怎麼運用到別人的源代碼文件。

三、其它瀏覽器具體查看html網頁源代碼方法步驟 - TOP

首先請打開您的網路瀏覽器,然後訪問任何一個網頁。

完成上述步驟後,您可以通過以下針對不同網路瀏覽器的簡單步驟快速查看html網頁源代碼。

1)、Firefox瀏覽器,請按以下步驟操作:

點擊火狐firefox瀏覽器上方「工具(T)」菜單。
在下拉菜單中點擊「Web 開發者」。
然後在下拉菜單中選擇點擊「頁面源代碼」,即可查看網頁源代碼。

2)、谷歌瀏覽器,請按以下步驟操作:

點擊廣告瀏覽器,右上角「三橫」控制圖標
在下拉菜單點擊「工具」
然後再點擊「查看源代碼」。

或直接谷歌瀏覽器中使用快捷鍵「Ctrl+U」即可查看被訪網頁源代碼。



對於這些的話,新手朋友可以參考附件裡面的知識學習下

❷ jsp登陸界面源代碼

1、login.jsp文件

<%@ page language="java" contentType="text/html; charset=GB18030"

pageEncoding="GB18030"%>

<%@ page import="java.util.*" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>登錄頁面</title>

</head>

<body>

<form name="loginForm" method="post" action="judgeUser.jsp">

<table>

<tr>

<td>用戶名:<input type="text" name="userName" id="userName"></td>

</tr>

<tr>

<td>密碼:<input type="password" name="password" id="password"></td>

</tr>

<tr>

<td><input type="submit" value="登錄" style="background-color:pink"> <input

type="reset" value="重置" style="background-color:red"></td>

</tr>

</table>

</form>

</body>

</html>

2、judge.jsp文件

<%@ page language="java" contentType="text/html; charset=GB18030"

pageEncoding="GB18030"%>

<%@ page import="java.util.*" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>身份驗證</title>

</head>

<body>

<%

request.setCharacterEncoding("GB18030");

String name = request.getParameter("userName");

String password = request.getParameter("password");

if(name.equals("abc")&& password.equals("123")) {

3、afterLogin.jsp文件

%>

<jsp:forward page="afterLogin.jsp">

<jsp:param name="userName" value="<%=name%>"/>

</jsp:forward>

<%

}

else {

%>

<jsp:forward page="login.jsp"/>

<%

}

%>

</body>

</html>

<%@ page language="java" contentType="text/html; charset=GB18030"

pageEncoding="GB18030"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>登錄成功</title>

</head>

<body>

<%

request.setCharacterEncoding("GB18030");

String name = request.getParameter("userName");

out.println("歡迎你:" + name);

%>

</body>

</html>

(2)html登錄頁面源碼擴展閱讀:

java web登錄界面源代碼:

1、Data_uil.java文件

import java.sql.*;

public class Data_uil

{

public Connection getConnection()

{

try{

Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");

}catch(ClassNotFoundException e)

{

e.printStackTrace();

}

String user="***";

String password="***";

String url="jdbc:sqlserver://127.0.0.1:1433;DatabaseName=***";

Connection con=null;

try{

con=DriverManager.getConnection(url,user,password);

}catch(SQLException e)

{

e.printStackTrace();

}

return con;

}

public String selectPassword(String username)

{

Connection connection=getConnection();

String sql="select *from login where username=?";

PreparedStatement preparedStatement=null;

ResultSet result=null;

String password=null;

try{

preparedStatement=connection.prepareStatement(sql);

preparedStatement.setString(1,username);

result=preparedStatement.executeQuery();//可執行的 查詢

if(result.next())

password=result.getString("password");

}catch(SQLException e){

e.printStackTrace();

}finally

{

close(preparedStatement);

close(result);

close(connection);

}

System.out.println("找到的資料庫密碼為:"+password);

return password;

}

public void close (Connection con)

{

try{

if(con!=null)

{

con.close();

}

}catch(SQLException e)

{

e.printStackTrace();

}

}

public void close (PreparedStatement preparedStatement)

{

try{

if(preparedStatement!=null)

{

preparedStatement.close();

}

}catch(SQLException e)

{

e.printStackTrace();

}

}

public void close(ResultSet resultSet)

{

try{

if(resultSet!=null)

{

resultSet.close();

}

}catch(SQLException e)

{

e.printStackTrace();

}

}

}

2、login_check.jsp:文件

<%@ page language="java" contentType="text/html; charset=utf-8"

pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>驗證用戶密碼</title>

</head>

<body>

<jsp:useBean id="util" class="util.Data_uil" scope="page" />

<%

String username=(String)request.getParameter("username");

String password=(String)request.getParameter("password");

if(username==null||"".equals(username))

{

out.print("<script language='javaScript'> alert('用戶名不能為空');</script>");

response.setHeader("refresh", "0;url=user_login.jsp");

}

else

{

System.out.println("輸入的用戶名:"+username);

String passwordInDataBase=util.selectPassword(username);

System.out.println("密碼:"+passwordInDataBase);

if(passwordInDataBase==null||"".equals(passwordInDataBase))

{

out.print("<script language='javaScript'> alert('用戶名不存在');</script>");

response.setHeader("refresh", "0;url=user_login.jsp");

}

else if(passwordInDataBase.equals(password))

{

out.print("<script language='javaScript'> alert('登錄成功');</script>");

response.setHeader("refresh", "0;url=loginSucces.jsp");

}

else

{

out.print("<script language='javaScript'> alert('密碼錯誤');</script>");

response.setHeader("refresh", "0;url=user_login.jsp");

}

}

%>

</body>

</html>

3、loginSucces.jsp文件

<%@ page language="java" contentType="text/html; charset=utf-8"

pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Insert title here</title>

</head>

<body>

<hr size="10" width="26%" align="left" color="green">

<font size="6" color="red" >登錄成功 </font>

<hr size="10" width="26%" align="left" color="green">

</body>

</html>

4、user_login.jsp文件

<%@ page language="java" contentType="text/html; charset=utf-8"

pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>登錄界面</title>

</head>

<body background="C:Userswin8workspaceLoginimage\_10.jpg" >

<center>

<br><br><br><br><br><br>

<h1 style="color:yellow">Login</h1>

<br>

<form name="loginForm" action="login_check.jsp" method="post">

<table Border="0" >

<tr >

<td>賬號</td>

<td><input type="text" name="username"></td>

</tr>

<tr>

<td>密碼</td>

<td><input type="password" name="password">

</td>

</tr>

</table>

<br>

<input type="submit" value="登錄" style="color:#BC8F8F">

</form>

</center>

</body>

</html>

❸ 如何看HTML的源代碼

需要准備的材料分別有:電腦、chrome瀏覽器、html編輯器。

1、首先,使用chrome瀏覽器進入到相關網頁,例如:..com。

❹ 怎樣用delphi 獲取網頁html源代碼(網頁需登錄)

不要用IDHTTP控制項
用EmbeddedWB控制項就行了
如果沒有的話去<a href="http://www.delphinbox.com" target="_blank">www.delphinbox.com</a>下載
IDHTTP是按內存流的方式讀網頁代碼,東西多了效率就低
EmbeddedWB是以MSHTML介面讀網頁代碼,可以把讀到的代碼批量送出

❺ 登錄頁面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的界

<script>
function check(){
var name=document.getElementById("name").value;
var pass=document.getElementById("pass").value;
if(name=="a" && pass=="a"){
alert("登入成功");
window.document.f.action="b.html";
window.document.f.submit();
}else{
alert("用戶名或密碼錯誤");

}

}
</script>

<form name="f" action="">
用戶名:<INPUT TYPE="text" NAME="" id="name"><br>
密碼:<INPUT TYPE="password" NAME="" id="pass"><br>
<INPUT TYPE="button" value="登入" onclick="check()"><INPUT TYPE="reset" value="重置">
</form>

不知道能不能符合你的要求 若有不足的地方請諒解和指導 呵呵

❽ 怎麼在html登陸界面源碼添加判斷用戶名密碼。就一個用戶。無資料庫

用正則啊,沒有資料庫的意思,自己前端寫的死數據吧。
正則隨時判斷,數組(自己寫的數組)中與輸入框內容是否一致。
如果一致,點擊登錄,登錄成功。
這是用的熱載入。可以不用提交到後端就可以判斷。
也可以點擊按鈕後,判斷輸入框內容是否和你自己想要的數據一致
if(username==「admin」&&password=="123"){
alert("登錄成功")}else{
alert("密碼或者賬號不正確")}

❾ 求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>濺</title>
<style>
<!--
body {
background:url(img/bg9.gif);
margin:0px;
padding:0px;
}
.pic{
border:1px solid #00406c;
}
p {
padding-top:30px;
color:#001671;
}
p.con{
padding-left:4px;
padding-right:4px;
}
p.title {
paddin-top;0px;
}
.chara1 {
font-size:12px;
background-color:#90bcff;
}
.chara1 td{
text-align:center;
}
.chara2 {
background-color:#d2e7ff;
text-align:center;
font-size:12px;
vertical-align:top;
}
.chara3 {
background:#e9fbff url(img/self.jpg) no-repeat bottom right;
vertical-align:top;
padding-top:15px;
padding-left:30px;
font-size:12px;padding-right:15px;
}

-->
</style>
</head>
<body>
<table align="center" cellpadding="1" cellspacing="0">
<tr><td><img src="img/banner3.jpg" border="0" /></td></tr>
</table>
<table width="600px" cellpadding="2" cellspacing="2" class="chara1" align="center">
<tr><td>首面</td><td>心情日記</td><td>Free</td><td>一起走到</td><td>從明天起</td><td>紙飛機</td><td>下一站</td></tr>
</table>
<table width="600px" align="center" cellpadding="0" cellspacing="1">
<tr>
<td width="150px" class="chara2"> <p><img src="img/selfpic.jpg" class="pic"/><br />我的日記本</p>
<p class="con">他們彼此深信,是瞬間並發的熱情讓他們相遇。這樣的確定是美麗的,但變幻無常更為美麗。</p>
<p> <img src="img/selfpic2.jpg" class="pic"/><br/>心情軌跡</p>
<p class="con">董事長的一切都讓人既羨慕又忌妒,但更讓人受不了的是,有一天,上蒼忽然賜給他一個神奇的禮物</p> </td>
<td class="chara3">
<h4>介紹</h4>
<p>我努力的抓緊世界,最後卻仍被世界淘汰,如果一開始就鬆手,我會不那麼傷心嗎?你說,親愛的孩子,世事難料,隨它去吧!</p>
<h4>照相本子</h4>
<p>關於童年,你記住了什麼? <br>
兩歲時,我擁有一隻巨大的粉紅豬,它總在我嚎啕大哭時逗我笑。<br>
三歲時,我騎著小木馬一路搖到外婆家,它不喝水也不吃草。<br>
四歲時,我離家出走,在公車上睡著了,最後是太空超人送我回家。<br>
我真的沒騙你,我通通都記得,還有照片為證。
</p>
<h4>地下鐵</h4>
<p>天使在地下鐵的入口,<br>
和我說再見的那一年,<br>
我漸漸看不見了。<br>
十五歲生日的那年秋天早晨,<br>
窗外下著毛毛雨,<br>
我喂好我的貓。<br>
六點零五分,<br>
我走進地下鐵。</p>
<h4>向左走向右走</h4>
<p>They're both convinced<br>
that a sudden passion joined them.<br>
Such certainth is beautiful,<br>
but uncertainty is more beautiful still.</p>
<br>
</td>
</tr>
</table>
</body>
</html>

❿ 用html代碼編寫一個簡單的登陸界面

<!DOCTYPE html><html lang="zh-CN"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>登錄</title>
<link href="css/bootstrap.min.css" rel="stylesheet"></head><body><nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="./">jsp作業</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="login.html">登錄</a></li>
</ul>
</div>
</div></nav><div class="container">
<div class="row">
<div class="col-md-4">

</div>
<div class="col-md-4">
<form class="form-signin" target="submitFrame" method="post">
<h2 class="form-signin-heading">登錄到jsp作業</h2>
<label for="inputEmail">Email</label>
<input type="email" id="inputEmail" class="form-control" placeholder="請輸入Email" required autofocus><br>
<label for="inputPassword">密碼</label>
<input type="password" id="inputPassword" class="form-control" placeholder="請輸入密碼" required>
<div class="checkbox">
<label>
<input type="checkbox" value="remember-me" checked="checked"> 記住密碼 </label>
</div>
<button type="submit" class="btn btn-primary" id="btn-login">登錄</button>
<a href="reg.html" class="btn btn-default">注冊</a>
</form>
<iframe style="display: none;" name="submitFrame" src="about:blank"></iframe>
</div>
<div class="col-md-4">
</div>
</div>
<script src="js/jquery.min.js"></script></body></html>

熱點內容
我的世界伺服器咋開外掛 發布:2024-03-29 01:07:45 瀏覽:454
sql寫報表 發布:2024-03-29 01:03:23 瀏覽:304
家用伺服器怎麼選 發布:2024-03-29 00:49:18 瀏覽:400
Ap6510dn如何配置 發布:2024-03-29 00:38:47 瀏覽:332
安卓和蘋果哪個更佔用內存 發布:2024-03-29 00:37:02 瀏覽:423
編譯錯誤算bug嗎 發布:2024-03-29 00:23:03 瀏覽:33
c語言干什麼 發布:2024-03-29 00:05:35 瀏覽:314
香港中轉伺服器搭建 發布:2024-03-29 00:05:16 瀏覽:673
安卓手機怎麼在桌面上顯示鍾表 發布:2024-03-28 23:48:22 瀏覽:5
分析代碼能編譯嗎 發布:2024-03-28 23:48:16 瀏覽:767