html - 将带有表单和错误检查的 'login.php' 页面转换为下拉登录

Question

我有一个 login.php 页面，它有一个小表单和合理数量的 php 错误控制/验证。

我的页眉中有两项，一项用于登录，一项用于注册。截至目前，他们都将用户重定向到他们可以登录的下一页等。

我最近读了一篇关于改善用户体验的文章，使用 jquery 下拉登录框会有所帮助。

This is the type of thing I'm after

在我开始破解完美的代码之前，我需要一些建议。我想保留我拥有的表单样式、所有验证和所有 php。

这只是将我的 login.php 中的代码放入我的 header include，然后修改 css 以显示可见内容的情况吗？

非常感谢。

PS，有些人可能会建议我先尝试再询问，但我昨天损失了 4 个小时的工作，因为我没有先征求意见 :)

编辑: 所以，我只是稍微复制并编辑了代码，以便登录表单出现在我的标题中，验证仍在工作，登录仍然有效，所以我想这只是需要处理的 css/jquery 才能工作

Answer 1

您只需在下拉列表中创建表单，并将输入发送到 login.php。像这样的东西:

<form method="post" action="login.php">
    <input type="text" name="username" />
    <input type="password" name="password" />
    <input type="submit" value="Login" />
</form>

当用户提交表单时，数据被发送到 login.php，它将执行验证，然后将用户重定向到相应的页面。

所以只需复制表格即可。