网页开发前端问题提问

如何在点击my private按钮时，需要输入密码才能打开my private页面，并且别人不能通过f12开发人员工具获取密码呢？

img

密码只会在传输的过程中被截取，可以启用https加密或者客户端混淆过一次生命的
不过看题主需求应该是需要验证身份后才允许访问页面，可以用session或者cookie。。

<?php
session_start();
if(isset($_POST["password"])){//验证是否提交了密码
    $password=$_POST["password"];
    if($password=="123"){//密码正确，设置session
        $_SESSION["logined"]="ok";
    }else{//密码错误返回验证页面
        echo "<script>alert('密码错误！');history.back();</script>";
        die();
    }
}


if(!isset($_SESSION["logined"])||$_SESSION["logined"]!="ok"){//未验证过密码
    header("location:check.html");
    die();//非验证成功或者已经验证过，则停止执行代码输出下面需要验证才能访问的内容
}
?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>private</title>
        <style type="text/css">
            #private {
                width: 300px;
                height: 200px;
                font-size: 30px;
                margin: 5% 20%;
                border: 1px black solid;
            }
        </style>
    </head>
    <body>
        <div id="private">
            this is private content
        </div>
    </body>
</html>

让别人不能通过f12开发人员工具获取密码,只能是点击my private按钮时，显示出一个表单,在表单中输入密码, 把密码提交到服务器端, 在服务器端判断.再跳转到my private页面,
只用前端js是无法阻止别人获取密码的

直接打开一个含有post表单的外部网页就行了。
post表单模式可以直接将数据发送到服务器端而不能被查看。
之后再服务器端验证就行了。

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632