html设计一个带密码验证的网页_想用html做一个静态登录界面可以验证密码的

1、我想做一个简单的验证页面（html的）验证码（不止一个）都在页面内。

你这个想法是行不通的，【上面提到的验证码用户是看不见的。（相当于密码）】既然是html，那么所有的代码都是可见的，密码在用户查看源代码时，会全部可见，那你的密码就没有意义了。这个只能用动态语言去实现。如asp\php\jsp等。
但是当你懂这语言的时候，你这个功能又是最简单的功能，想你也不屑发问了。

2、如何给自己的html网页添加访问密码

很简单来密码为123456 你可以在login.php里面源改
index.html 将以下代码放入 <body></body>里面就可以
<form method="post" action="login.php">
密码： <input type="password" name="password"/><br>
<input type="submit" name="submit" value="登陆">
</form>
login.php 完整的login.php内容
<?php
$password = isset($_POST['password']) ? $_POST['password'] : '';
if($password == '123456'){
echo "<script>alert('登陆成功。');location.href='in.html';</script>";
//不需要提示则把 alert('登陆成功。'); 删除掉
}else{
echo "<script>alert('密码错误登陆失败。。');location.href='error.html';</script>";
//不需要提示则去掉同上
}
?>

3、想用html做一个静态登录界面，可以验证密码的。

参考下面代码
<form method="post" action="###" name="myform" onsubmit="checkpost()">
<label for="name">用户名：</label><input type="text" name="name" id="name" /><br />
<label for="pw">密码：</label><input type="password" name="pw" id="pw" /><br />
<input type="submit" value="提交" />
</form>
<script>
function checkpost(){
if(document.forms[0].name.value=="要的用户名"&&document.forms[0].pw.value=="要的密码"){
window.location="要跳转专的地址";
}else{
alert("用户名或密码不正属确！")
return false;
}
}
</script>

4、如何运用HTML5新表单元素制作一个网页，内容包括：用户名输入、密码输入、二次密码确认、邮箱输入、

<html>
<head>
<title></title>
</head>
<body>
用户:<input id="uname" type="text" /><br />
密码:<input id="pwd" type="password" /><br>
<input id="load" value="登陆" type="button" onclick="check()" />
<script language="javascript">
function check()
{
var uname=document.getElementById("uname").value;
var pwd=document.getElementById("pwd").value;
if(uname+pwd=="")
{
alert("用户名和密码不能为空");
}
else if(uname=="")
{
alert("用户名不能为空");
}
else if(pwd=="")
{
alert("密码不能为空");
}
else
{
alert("帐户尚未开通");
}
}
</script>
</body>
</html>

5、我在设计一个网页页面，想要让你输入一个密码，如果正确，进入下个网页，如果不正确，弹出对话框（错误）

你密码是读取数据库还是自己设定一个，基本思路是你获取文本框里面输入的密码和你设定或者数据库中读取的密码出来和文本框输入的对比，如果2个对上了，那么进入下一页，如果对不上那么弹出提示框。基本代码是：
if(原始密码==文本框内容)
{
进入一下页的代码
}
else
{
提示密码错误
}

6、html页面验证用户名和密码并且点击自己制作的登陆按钮跳转到另外一个页面

HTML页面用 script 验证不是必须要用 form 的，可以直接给页面里的 DOM 对象定义 id 属性，用 javascript 操作 DOM 对象即可。

针对您提的问题想要实现的效果，下面说说不用 form 表单和数据库来实现用户名和密码验证的方法：

1、首先，给 HTML 页面里的用户名和密码输入框都定义一个id属性，例如：

用户名：<input type="text" id="username" value="">

密码：<input type="password" id="password" value="">

2、其次，放置一个按钮 <button type="button" name="chkBtn" id="chkBtn"> 登录</button>

3、编写 javascript 脚本代码，主要思路如下：

（1）为按钮增加一个 click 的监听，当鼠标点击该按钮时执行；

（2）获取 input 用户名和密码输入框的输入值；

（3）验证输入值是否符合要求；

（4）符合要求页面跳转到设置的指定页面；

（5）不符合要求提示用户输入错误。

4、最后，在浏览器里运行该页面，测试一下效果。完整代码如下图所示。

(6)html设计一个带密码验证的网页扩展资料

1、document.getElementById(); 通过 ID 获取元素的用法

网页 HTML 由标签将信息组织起来，而标签的 id 属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。

2、innerHTML 属性

语法：Object.innerHTML，innerHTML 属性用于获取或替换 HTML 元素的内容。

注意:

（1）Object是获取的元素对象，如通过document.getElementById("ID")获取的元素；

（2）注意书写，innerHTML区分大小写。

3. value 属性

语法 Object.value，value 属性用于获取或替换 HTML 元素的value属性中的内容。

7、用javascript和HTML（不要用PHP）做一个有密码验证的登录界面，需要通过cookie储存用户名和登录状态

function getCookie(name)
{
var arr = document.cookie.split("; ");
for(i=0;i<arr.length;i++)
来 if (arr[i].split("=")[0] == name)
return unescape(arr[i].split("=")[1]);
return null;
}
function setCookie(name,value) {
var today = new Date();
var expires = new Date();
expires.setTime(today.getTime() + 1000*60*60*30);//30分钟超时
document.cookie = name + "=" + escape(value) + "; expires=" + expires.toGMTString();
}
单击自logout，将过期时间设置为 today.getTime()-1000就行。
Cookie是存储在本地的，不用传，只要不超时，同一个站点就能访问。

8、运用HTML5新表单元素制作一个网页，内容包括：用户名输入、密码输入、二次密码确认、邮箱输入、关键

<html>
<head>
<title></title>
</head>
<body>
<div>HTML各种输入验证</div>
用户:<input id="uname" type="text" /><br />
密码:<input id="pwd" type="password"  /><br>
确认密码:<input id="pwd1" type="password"  /><br>
EMAIL:<input id="email" name="email" type="email" /><br>
<input id="load" value="登陆" type="button" onclick="check()" />
<script language="javascript">

window.onload = function ()
{
document.getElementById('uname').focus();

}
function check()
{
var uname=document.getElementById("uname").value;
var pwd=document.getElementById("pwd").value;
var pwd1=document.getElementById("pwd1").value;
var email=document.getElementById("email").value;
if(uname+pwd=="")
{
alert("用户名和密码不能为空");
}
else if(uname=="")
{
  alert("用户名不能为空");
}
else if(pwd=="")
{
  alert("密码不能为空");
}
else if(pwd1 != pwd)
{
  alert("两次密码不一样");
}
//
if(email=="")
{
    alert("电子邮件不能为空");
    return false;
}
else
{
    reg=/^([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/gi;
    if(!reg.test(email))
    {
        alert("非法的电子邮件");
        return false;
    }
}
}
</script>
</body>
</html>

9、运用HTML5表单元素制作一个简单的网页，内容包括：用户名输入、密码输入、二次密码确认、邮箱输入、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
用户:<input id="uname" type="text" /><br />
密码:<input id="pwd" type="password"  /><br>
确认密码:<input id="pwd1" type="password"  /><br>
EMAIL:<input id="email" name="email" type="email" /><br>
<input id="load" value="登陆" type="button" onclick="check()" />
<script language="javascript">

window.onload = function ()
{
document.getElementById('uname').focus();

}
function check()
{
var uname=document.getElementById("uname").value;
var pwd=document.getElementById("pwd").value;
var pwd1=document.getElementById("pwd1").value;
var email=document.getElementById("email").value;
if(uname+pwd=="")
{
alert("用户名和密码不能为空");
}
else if(uname=="")
{
  alert("用户名不能为空");
}
else if(pwd=="")
{
  alert("密码不能为空");
}
else if(pwd1 != pwd)
{
  alert("两次密码不一样");
}
//
if(email=="")
{
    alert("电子邮件不能为空");
    return false;
}
else
{
    reg=/^([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/gi;
    if(!reg.test(email))
    {
        alert("非法的电子邮件");
        return false;
    }
}
}
</script>
</body>
</html>

导航:首页 > 万维百科 > html设计一个带密码验证的网页

html设计一个带密码验证的网页

与html设计一个带密码验证的网页相关的知识