Question

我正在尝试进行最简单的登录。只需要一个静态用户名/密码即可通过按钮点击进入我目录中的下一个html页面。

我尝试过使用这种方法，但似乎对我不起作用。

<input type="text" name="login" required pattern="user123">
<input type="text" name="password" required pattern="password1234">

任何想法都会有所帮助。如果它有帮助http://jsfiddle.net/aHzAP/

，那就是完整的登录

Answer 1

问题的关键是提问者希望用户名和密码是静态的。

为什么不使用非常简单的Javascript来执行此操作？

    <input type="text" id="login" required>
    <input type="text" id="password" required>
    <input type="button" id="goButton" onclick="checkLoginPass()" />
    <script>
        var checkLoginPass = function () {
            var login = document.getElementById("login").value;
            var pass = document.getElementById("password").value;
            if (login === "user123" && pass === "password1234") {
                window.location.replace("http://www.someurlhere.com");
            }
            else {
                //do something else;
            }
        }
    </script>

Answer 2

你应该有一个动作和一个方法属性，onclick将不会向点击它将引导的页面发送任何信息

<form action="AdminResults.php" method="post">

编辑：您需要在操作页面上使用php之类的内容来检查身份验证是否有效

非常简单的登录HTML5

2 个答案: