1、網頁製作如何添加用戶登錄(用戶名登錄密碼那種)
樣式
html {
background-color: #E9EEF0
}
.wrapper {
margin: 140px auto;
width: 884px;
}
.loginBox {
background-color: #FEFEFE;
border: 1px solid #BfD6E1;
border-radius: 5px;
color: #444;
font: 14px 'Microsoft YaHei','微軟雅黑';
margin: 0 auto;
width: 388px
}
.loginBox .loginBoxCenter {
border-bottom: 1px solid #DDE0E8;
padding: 24px;
}
.loginBox .loginBoxCenter p {
margin-bottom: 10px
}
.loginBox .loginBoxButtons {
background-color: #F0F4F6;
border-top: 1px solid #FFF;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
line-height: 28px;
overflow: hidden;
padding: 20px 24px;
vertical-align: center;
}
.loginBox .loginInput {
border: 1px solid #D2D9dC;
border-radius: 2px;
color: #444;
font: 12px 'Microsoft YaHei','微軟雅黑';
padding: 8px 14px;
margin-bottom: 8px;
width: 310px;
}
.loginBox .loginInput:FOCUS {
border: 1px solid #B7D4EA;
box-shadow: 0 0 8px #B7D4EA;
}
.loginBox .loginBtn {
background-image: -moz-linear-gradient(to bottom, #B5DEF2, #85CFEE);
border: 1px solid #98CCE7;
border-radius: 20px;
box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
color: #FFF;
cursor: pointer;
float: right;
font: bold 13px Arial;
padding: 5px 14px;
}
.loginBox .loginBtn:HOVER {
background-image: -moz-linear-gradient(to top, #B5DEF2, #85CFEE);
}
.loginBox a.forgetLink {
color: #ABABAB;
cursor: pointer;
float: right;
font: 11px/20px Arial;
text-decoration: none;
vertical-align: middle;
}
.loginBox a.forgetLink:HOVER {
text-decoration: underline;
}
.loginBox input#remember {
vertical-align: middle;
}
.loginBox label[for="remember"] {
font: 11px Arial;
}
HTML代碼:
<div class="wrapper">
<form action="/chaos/EvilEmail.html" method="post" >
<div class="loginBox">
<div class="loginBoxCenter">
<p><label for="username">電子郵箱:</label></p>
<p><input type="email" id="email" name="email" class="loginInput" autofocus="autofocus" required="required" autocomplete="off" placeholder="請輸入電子郵箱" value="" /></p>
<p><label for="password">密碼:</label><a class="forgetLink" href="#">忘記密碼?</a></p>
<p><input type="password" id="password" name="password" class="loginInput" required="required" placeholder="請輸入密碼" value="" /></p>
</div>
<div class="loginBoxButtons">
<input id="remember" type="checkbox" name="remember" />
<label for="remember">記住登錄狀態</label>
<button class="loginBtn">登錄</button>
</div>
</div>
</form>
</div>
2、電腦中登陸頁面怎麼設置密碼??
首先點擊「開始」菜單,選擇「控制面板」,再找到並點擊裡面的「用戶內帳號」,進入到相應容的設置頁面中去
2.點擊左上角的「為帳戶創建密碼」,這里就可以設置登錄密碼啦,輸入兩遍相同的密碼
3.設置完後,再點擊「創建密碼」即可,這時就完成了對電腦登錄密碼的設置,下次當再開機要進入桌面時,會停在用戶歡迎界面,輸入密碼後才可以正常登錄。
3、如何將網頁設成密碼訪問
加在<body> </body>之間:
<SCRIPT LANGUAGE="JAVASCRIPT1.2">
<!--密碼正確時所出現的提示//-->
var msg = "您輸入的密碼正確.";
<!--密碼正確後所進入的網頁連結/-->
var url = "http://msn.com.tw";
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
<!--在這里可以設定密碼,該密碼是以ASCII碼來表示的,比如A為97,B為98等。//-->
var password = new initArray(
97,98,99,100
);
var pass_count=0;
var cancel_key=27;
if (document.layers) document.captureEvents(Event.KEYPRESS)
function backhome(e){
if (document.layers){
//if (navigator.appName == "Netscape"){
if (e.which==password[pass_count]) {
checkpassword();
//return false;
}
else {
pass_count=0;
//return false;
}
}
else if (document.all){
if (event.keyCode==password[pass_count]){
checkpassword();
//return false;
}
else {
pass_count=0;
//return false;
}
}
}
document.<I>onkey</I>press=backhome
function checkpassword() {
pass_count++;
if(pass_count>=password.length) {
if(confirm(msg)) window.location=url;
}
}
</SCRIPT>
4、怎麼設置快速網頁密碼登錄方法。
設置方法有:
1.在IE工具中----internet選項----內容---自動完成中去設置
2.可以嘗試著清理系統垃圾版文件,主要是權清理系統的cookie。可以使用一些工具來清理系統垃圾。
3.嘗試把瀏覽器升級,特別是IE6瀏覽器,IE6對於一些論壇可能cookie無法正常保存,最好升級到ie8及以上版本才可以。
4.如果沒必要的話,可以嘗試使用其他瀏覽器。比如說火狐、Opera瀏覽器、還有一些使用IE內核的瀏覽器如360瀏覽器,搜狗瀏覽器都可以的。
5、如何對一個HTML頁面設置密碼輸入?
1、新建index.html頁面。
2、寫入HTML文件,任何一個網頁式的文件,必須要有HTML文件的元素,才算合格的網頁。用記事本打開index.html
3、添加JS腳本,在<head>之間添加以下JS腳本代碼</head><script language="JavaScript"><!--var password="";password=prompt('請輸入密碼 (本網站需輸入密碼才可進入):','');if (password != 'mima') {alert("密碼不正確,無法進入本站!!");window.opener=null; window.close();} // 密碼不正確就關閉//--></script>。
4、添加網頁內容,添加網頁內容可以驗證密碼輸入正確後進入網頁的內容。在<body>之間隨意添加元素</boody>。
5、密碼錯誤的訪問驗證在瀏覽器輸入192.168.1.2,頁面會彈出輸入密碼的提示,輸入一個錯誤的密碼,查看頁面是否訪問。
6、輸入正確的密碼訪問重新打開網頁,進入頁面,查看網頁內容。
6、怎麼實現自己寫的網頁或窗體,輸入網站的賬號密碼進行登錄?
如果是要一半的登錄注冊,肯定是要用到資料庫的,具體看你學的啥語言就用啥語言寫邏輯了,簡單點的網站也可以用excel,記事本之類的存儲,看你項目要求了,能實現功能就行
7、如何讓網頁記住密碼?
1、首先,我們打開電腦桌面以後,找到IE瀏覽器並打開。
2、打開進入ie瀏覽器界面以後,我們點擊界面右上角的按鈕「工具」,然後選擇點擊「internet選項」。
3、進入internet選項界面以後,點擊「按鈕」。
4、進入內容界面以後,我們找到自動完成一欄,然後點擊對應的「設置」按鈕。
5、進入自動完成設置界面以後,我們勾選「表單上的用戶和密碼」,然後點擊確定就完成設置了。
8、如何給網頁加密碼~~~
將以下代碼加入HEML的<body></body>之間:
<script LANGUAGE="javascript">
<!--
loopy()
function loopy() {
var sWord =""
while (sWord != "abcd") { //改為你自己的密碼!
sWord = prompt("輸入正確密碼才能登陸!本頁密碼:abcd")
}
alert("AH...你好,你是本站成員,歡迎光臨!")
}
//-->
</script>
9、如何給網站設置登錄密碼?
我有個留言本程序 留個郵箱 我發給你!
10、html網頁怎麼設置密碼?
添加JS腳本
在<head>之間添加以下JS腳本代碼</head>
<script language="JavaScript">
<!--var password="";password=prompt('請輸入密碼 (本網站需輸入密碼才可進入):','');if (password != 'mima') {alert("密碼不正確,無法進入本站!!"); window.opener=null; window.close();} // 密碼不正確就關閉//--></script>