13
2015
03

[html]密码输入框代码设置访问密码框网页加密html代码

密码访问页面:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
<title></title>
</head>
<body>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<center>
<font size="8" face="微软雅黑" >
请输入查看密码:
<br/><br/>
<input type="text" id="box" style="height:70px; font-size:50px;" />
<br/><br/>
<input type="button" value="点击查看"  onclick="search()" style="height:70px; font-size:50px;"/>
<script>
function search() {
    var search_value = document.getElementById('box').value;
    var url = '密码错误页面地址';
    switch(search_value) {
        case '123':<!-- 123为密码,可自定义任意数字或字母 -->
            url = '密码正确页面地址';
            break;
    }
    location = url;
}
</script>
</center>
</body>
</html>

密码错误页面:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
<title></title>
</head>
<body>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<center>
<font size="8" face="微软雅黑" >
密码错误!请重新输入:
<br/><br/>
<input type="text" id="box" style="height:70px; font-size:50px;" />
<br/><br/>
<input type="button" value="点击查看"  onclick="search()" style="height:70px; font-size:50px;"/>
<script>
function search() {
    var search_value = document.getElementById('box').value;
    var url = '密码错误页面地址';
    switch(search_value) {
        case '123':<!-- 123为密码,可自定义任意数字或字母 -->
            url = '密码正确页面地址';
            break;
    }
    location = url;
}
</script>
</center>
</body>
</html>
« 上一篇 下一篇 »