html登录页面源码
❶ 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>密 码：</label><inputtype="text"name="pwd">（至少包含6个字符）</li>
<liclass="a_c"><imgsrc="images/login.gif"alt="登录"></li>
<liclass="desc">δ <ahref="#">什么是安全登录</a>。</li>
<liclass="desc">δ 香港会员（繁体中文用户）由此<ahref="#">登入</a></li>
<liclass="desc">δ <ahref="#">密码安全贴士</a>。</li>
<liclass="desc">δ 防止病毒或者木马窃取您的账户信息，<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>