html - 非常简单的登录 HTML5

Question

我正在尝试进行最简单的登录。只需拥有 1 个静态用户名/密码即可通过按钮单击进入我目录中的下一个 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 的内容来检查身份验证是否有效