當前位置:首頁 » 網頁前端 » web登陸界面代碼下載
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web登陸界面代碼下載

發布時間: 2022-07-06 03:19:20

A. 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>
<title>3</title>
</head>
<body>
<div align="center">
<form action="" name="myform">
<table>
<tr>
<td>用戶名:</td>
<td><input type="text" id="user" /></td>
</tr>
<tr>
<td>密 碼:</td>
<td><input type="text" id="password" /></td>
</tr>
<tr>
<td>驗證碼:</td>
<td align="left"><input type="text" size="5" id="code" /></td>
</tr>
</table>
</form>
<table>
<tr>
<td>
<input type="submit" value="提交" onclick=myfun_submit() />
</td>
<td>
<input type="submit" value="重置" onclick=myfun_reset() />
</td>
</tr>
</table>
</div>
<script type="text/javascript">
function myfun_submit(){

var user_val = document.getElementById("user").value;
var password_val = document.getElementById("password").value;
if(user_val==""){

alert("用戶名不能為空!!");

}else if(password_val==""){

alert("密碼不能為空!!!");

}

}
function myfun_reset(){
document.getElementById("user").value = "";
document.getElementById("password").value = "";
document.getElementById("code").value = "";

}
</script>
</body>
</html>

B. web前端的登錄界面怎麼寫,有沒有demo包括後台的驗證,求教

點擊頁面左下角的「關於此頁」,再展開欄位,搜索上一個頁面的欄位名稱,再點擊一個按鈕查找sql代碼,在代碼裡面找表操作步驟大概是這樣。

C. web前端怎麼寫登錄頁面,求個demo包括後端驗證。謝謝

我寫了個Demo 你可以看看

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

<!-- 新 Bootstrap 核心 CSS 文件 -->

<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- jQuery文件。務必在bootstrap.min.js 之前引入 -->

<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

</head>

<style>

</style>

<body>

<p>姓名:<input type="text" id="tel"></p>

<p>密碼:<input type="password" id="pwd"></p>

<p class="pl40"><input type="submit" id="login" ></p>

</body>

<script>

$("#login").click(

function (){

var tel=$("#tel").val();//獲取頁面中登錄名和密碼

var pwd=$("#pwd").val();

if(tel==""|| pwd==""){//判斷兩個均不為空(其他判斷規則在其輸入時已經判斷)

alert("手機號密碼均不能為空!")

return false;

}else{//以上均符合要求,則調用登錄esb介面

$.ajax({

url:'login.json',//相對應的esb介面地址

type:'post',

data:{"mobile":tel,"password":pwd},//向伺服器(介面)傳遞的參數

success:function(data){//伺服器(介面)返回來的數據

if(data.mobile==tel&&data.password==pwd){//如果返回來的信息說明提交的信息為正確的

window.location.href='logon.html';//正確登錄後頁面跳轉至

}

else{//如果返回來的信息說明提供的信息為錯誤的

if(tel != data.tel){//判斷是用戶名還是密碼錯誤,提示相應信息

alert(data.message);

$("#tel").val("");

$("#pwd").val("");

return false;

}

if(pwd != data.pwd){

alert(data.message);

$("#pwd").val("");

return false;

}

}

}

})

}

}

);

/*直接點擊enter免除手動點擊登錄按鈕*/

$(document).keyup(function(event){

if(event.keyCode ==13){

$("#login").trigger("click");

}

});

</script>

</html>
json文件內容
{
"mobile":"admin",
"password":"123",
"message":"用戶名或密碼錯誤"
}

D. javascript html 設計一個登錄界面

注冊頁面代碼:

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>注冊</title>
</head>
<body>

<formmethod="post"onsubmit="returnfalse"id="form">
<inputtype="text"name="username"placeholder="用戶名"><br>
<inputtype="password"name="password"placeholder="密碼"><br>
<inputtype="password"name="rePassword"placeholder="再次輸入密碼"><br>
<inputtype="submit"onclick="register_user()"value="注冊"><br>
</form>
<ahref="login.html">去登錄</a><script>
varlocalDB=openDatabase('localDB','1.0','TestDB',2*1024*1024);
localDB.transaction(function(ts){
ts.executeSql('CREATETABLEIFNOTEXISTSuser(username,password)')
});
functionregister_user(){
varusername=document.getElementsByTagName("input")[0].value;
varpassword=document.getElementsByTagName("input")[1].value;
varrePassword=document.getElementsByTagName("input")[2].value;
if(password!=rePassword)
{
alert("兩次輸入的密碼不同,請重新輸入");
}else
{
localDB.transaction(function(ts){
ts.executeSql("INSERTINTOuser(username,password)VALUES('"+username+"','"+password+"');");
alert("注冊成功");
});
}
}
</script>
</body>
</html>

登錄頁面代碼:

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>登錄</title>
</head>
<body>
<formonsubmit="returnfalse"method="post">
<inputtype="text"placeholder="用戶名"><br>
<inputtype="password"placeholder="密碼"><br>
<inputtype="submit"value="登錄"onclick="login()"><br>
</form>
<ahref="register.html">去注冊</a>
<script>
varlocalDB=openDatabase('localDB','1.0','TestDB',2*1024*1024);
localDB.transaction(function(ts){
ts.executeSql("SELECT*FROMuser",[],function(tx,results){
varlen=results.rows.length;
if(len<=0)
{
localDB.transaction(function(ts){
ts.executeSql('CREATETABLEIFNOTEXISTSuser(username,password)')
});
}
});
});


functionlogin(){
varusername=document.getElementsByTagName("input")[0].value;
varpassword=document.getElementsByTagName("input")[1].value;
localDB.transaction(function(ts){
ts.executeSql("SELECT*FROMuserWHEREusername='"+username+"';",[],function(ts,res){
if(res.rows.length<=0)
{
alert("登錄失敗,用戶未注冊");
}elseif(password==res.rows[0].password)
{
alert("登錄成功,三秒後跳轉到網路");
setInterval(function(){
location.href="https://www..com";
},3000);
}else
{
alert("登錄失敗,密碼錯誤");
}
});
})
}
</script>
</body>
</html>

以上代碼使用了WEB SQL,還請選擇合適的瀏覽器查看。


E. 在寫一個簡單的JavaWeb注冊登錄頁面,jsp+servlet+service++xml+bean來實現。

你是把jsp載入到MyEclipse中打開的嗎?你應該是直接打開的吧?
你可以按照我說的方法來寫:
1,設計資料庫
2. 寫javaBean
3.在中寫方法和方法的實現
4,完成Servlet
5.寫jsp頁面
6.在XML中配置
7,啟動伺服器,運行

F. 網站前台界面哪有下載,不知哪個仁兄能共享一下Web界面

不知道你用的是什麼語言的,網上應該有不少例子,如果只看前台的話,發布時html,aspx,js文件都是沒有加密過的。
可以到華軍軟體園,這一類網站去下載,有不少是有源代碼的。

G. JavaWeb開發 登陸界面

檢查我給你圈的兩個類,你可以是沒作空判斷。提交空參數

H. 誰有web登陸頁面的全部代碼

51aspx上一大錐