-1

我是 Java 脚本的新手，但对 twitter 引导程序印象深刻。我想使用引导带并创建一些示例。

当我包含 bootsrap 给出的按钮等的 js 时，找不到工作。

请问我可以使用 twitter 引导程序获得一个包含 html、java 脚本的示例登录页面。

我还想知道如何在 html -> java 脚本中引用引导组件。

我想要一个全面的登录示例开始，我已经下载了 twitter 引导程序。

4

1 回答 1

2

我同意你的观点，Twitter Bootstrap 是一个非常棒的框架，尤其是当你需要开始快速有效地构建一个时尚的网站时。使用 Bootstrap 创建登录页面的方法有很多，但最终，您不能只使用 HTML 和 JavaScript 创建它，您需要某种服务器端脚本来验证用户身份。最好的方法是使用 PHP。登录表单不需要 JavaScript，除非您想在数据传递到服务器之前创建某种客户端验证方法。虽然不需要这样做。

例如，您将拥有基本的登录表单login.php...

<form id="loginForm" action="login.php" method="post">
    <input type="text" name="username" id="username" class="span4" placeholder="Username">
    <input type="password" name="password" id="password" class="span4" placeholder="Password">
    <button type="submit" name="login" id="login" class="btn btn-primary">Login</button>
</form>

这将是您的基本登录表单（根据需要自定义）。如您所见，它将输入的数据发布到login.php与上述表单所在的文件相同的文件中。

为了验证用户输入并登录用户，您需要使用脚本或用 PHP 编写脚本来检索表单发布的数据并对用户进行身份验证。假设您的问题，您对 PHP 不太熟悉，这将使其变得更加困难。在这种情况下，您最好的选择是在 Web 上找到一个用 PHP 编写的免费登录脚本或成员脚本，并根据您的需要对其进行修改，并使用 Bootstrap 的类/结构。

如果您有兴趣在将数据发布到 php 脚本之前通过 JavaScript 验证用户输入，我建议您查看 jQuery。Bootstrap 是为使用 jQuery 而编写的，因此可以很好地集成。当您对 JavaScript 有基本的了解时，jQuery 也很容易学习。

希望这可以帮助您根据需要构建登录表单。

于 2012-06-06T14:02:18.410 回答