Twitter Bootstrap - 示例應用程序

Question

我是java腳本的新手，但對twitter引導非常滿意。我想使用引導帶並創建一些樣本。

當我包括由bootsrap給出的按鈕等js沒有找到工作。

請使用twitter引導，我可以得到一個帶有html，java腳本組合的示例登錄頁面。

我也想知道如何在html - > java腳本中引用引導組件。

我想要一個令人關注的登錄示例，我已經下載了twitter引導程序。

Answer 1

我的確同意你的看法，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，這會讓它變得更加困難。在這種情況下，最好的辦法就是在網頁上找到一個免費的登錄腳本或用PHP編寫的成員腳本，並根據需要修改它，並使用Bootstrap的類/結構。

如果你有興趣在將數據發佈到php腳本之前通過JavaScript驗證用戶輸入，我建議你看看jQuery。 Bootstrap是爲使用jQuery編寫的，所以它很好地集成在一起。當您對JavaScript有基本的瞭解時，jQuery也很容易學習。

希望這可以幫助您根據需要構建登錄表單。