如何在html中 将一部份内容默认为隐藏 在相应位置输入密码后可见

html-css07

如何在html中 将一部份内容默认为隐藏 在相应位置输入密码后可见,第1张

这个简单:直接看代码

<input type="password" value="" onblur="aa(this.value)"/><span id="span" style="display:none"><font color="red">你的密码位数需要5-8位</font></span>

js:

function aa(value){

if(value.length<5||value.length>8){

document.getElementById("span").style.display="block"

}

}

很简单 密码为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>"

//不需要提示 则去掉 同上

}

?>