私はあなたに同意しますが、Twitter Bootstrapは、すばらしいフレームワークです。特に、洗練されたWebサイトをすばやく効果的に構築する必要がある場合は、特にそうです。ブートストラップを使用してログインページを作成するには多くの方法がありますが、最終的に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に精通していないので、はるかに難しくなります。この場合の最善の策は、PHPで書かれたWeb上で無料のログインスクリプトやメンバースクリプトを見つけ、必要に応じて変更し、Bootstrapのクラス/構造を使用することです。
JavaScriptを使用してユーザー入力を検証して、データをPHPスクリプトに投稿することに興味がある場合は、jQueryを調べることをお勧めします。ブートストラップはjQueryを使用するように書かれているので、うまく統合されています。 jQueryは、JavaScriptを基本的に理解しているときにはとても簡単に学習できます。
これは、必要に応じてログインフォームを作成するのに役立ちます。