Question

更新[13.10.16]

回到我以前的一个关于stackoverflow的问题，这个问题声誉很低，而且出于原因我可以看到原因，我想更新它并使其更具相关性。

当我写这个问题时，我想从基本的html表单创建一个登录系统，这是一个复杂得多的过程。

对于看到此问题的任何人，我建议您使用PHP框架为您执行所有处理。我建议使用Laravel，因为它具有简单登录系统所需的所有框架，而且不需要下面的示例所需的大量PHP。

原始问题

如何使用HTMl，PHP和MySQL创建登录表单？

我创建了一个表单，如下所示：

<form id="login">


    <h2 id="logintxt">Log In</h2>
    <h1 id="username">User Name:</h1>
    <input name="Username" type="text" value="" maxlength="20" id="usernamebox" />
    <h1 id="password">Password:</h1>
    <input name="Password" type="password" id="passwordtxt" />
    <h1 id="forgot">Forgot Password</h1>
    <h1 id="register">Register</h1>
    <div id="submit">
    <img src="login.gif" width="100" height="40" />
    </form>

我已经看过教程，当有一个表单导航到另一个页面登录但是我不喜欢这有什么办法吗？

我的MySQl数据是：

Host: localhost
Username: root
Password: root
Database: the_tech

由于

[UPDATE]

这是我的完整HTML页面。 http://pastebin.com/NvgzT0Xu

从这里创建html页面登录需要什么？最好不要离开页面。

我尝试将此（http://pastebin.com/1HcZGsUS）添加到我的页面顶部，但它不起作用。我正在关注这个（https://www.scirra.com/tutorials/525/simple-login-using-a-mysql-database）教程。

由于

Answer 1

您需要一个后端php文件来连接数据库并进行查询。为避免移动到另一个页面（前端），您可以使用ajax并通过javascript连接到php文件。

您可以按照本教程：http://php-dev-zone.blogspot.in/2013/07/login-form-using-ajax-and-jquery.html

Answer 2

首先，您需要一个带有此参数的表单，它包含输入字段和一个按钮。

<form method="post" action="checklogin.php">
       <h2 id="logintxt">Log In</h2>
       <h1 id="username">User Name:</h1>
       <input name="Username" type="text" value="" maxlength="20" id="usernamebox" />
       <h1 id="password">Password:</h1>
       <input name="Password" type="password" id="passwordtxt" />
       <h1 id="forgot">Forgot Password</h1>
       <h1 id="register">Register</h1>
       <img src="login.gif" width="100" height="40" />

       <input type="submit" value="Login">
</form>

然后你需要Php检查用户名和密码是否正确。当您不想在登录后转到其他页面时，您想要的是什么？索引页面应该自行检查吗？

然后你可以检查是否设置了输入字段的$ _POST。如果是，请连接到数据库，查看用户名和密码是否正确。如果没有设置$ _POST，请显示Loginform。我认为Google有很多例子。

如何使用HTML，PHP和MySQL创建登录表单

2 个答案: