大多數正確/簡單/使用/最乾淨的方式來登錄/註冊表格（Divs/Others）

Question

我還很年輕，當談到編碼時，我聽說過關於組織的多種事情。有些使用部分和一些使用div，有些使用div來表示按鈕，其他使用css中的輸入來改變它。作爲一個喜歡做他的代碼乾淨，簡單易懂，但卻正確的人，這有時會困擾我。

什麼是製作登錄表單的最佳方式，例如記住我和一個按鈕的最大記錄，並在文本中標註「您還沒有帳戶？在此註冊」。

我應該使用div，部分還是兩者？ div/section的命令是什麼？容器，登錄，按鈕？

例子：

<div class="container"> 
    <div class="login"> 
     <form> 
      <input text> 
      <remember me> 
       <div class="buttons"> 
        <input submits> 
       </div> 
     </form> 
    </div> 
</div> 

這是正確的嗎？有沒有辦法更有組織？

最正確，最簡單，最乾淨的方法是什麼？

Answer 1

我真的很依賴你能更好地處理。

Answer 2

引導使得它很容易做到形式W /最小的造型，與font sizes，colors等異常，但他們增加額外elements，像這樣form-group你不必添加額外的CSS。我喜歡隨時使用article,header,section,footer等。

據我所知，div基本上是「無論」元素。 Bootstrap在他們的例子中使用了divs，但是在他們的例子中只是b/c是div，並不意味着你不能使用別的東西。

它也取決於你的佈局很多。也許你在一個頁面上登錄，但你有背景圖像，居中登錄表單等，所以這將決定你使用的元素類型。

<div id="login"> 
    <div class="form-group"> 
     <input type="text" class="form-control" name="username" /> 
    </div> 
    <div> class="form-group"> 
     <input type="password" class="form-control" name="password" /> 
    </div> 
    <div class="form-group form-inline"> 
     <input type="checkbox" /> 
     <label>Remember Me</label> 
    </div> 
    <div class="form-group"> 
     <input type="submit" value="Login" /> 
    </div> 
</div> 

這很容易變成

<article id="login"> 
    <section class="form-group"> 
     <input type="text" class="form-control" name="username" /> 
    </section> 
    <section class="form-group"> 
     <input type="password" class="form-control" name="password" /> 
    </section> 
    <section class="form-group form-inline"> 
     <input type="checkbox" class="form-control" /> 
     <label>Remember Me</label> 
    </section> 
    <footer class="form-group"> 
     <input type="submit" value="Login" /> 
    </footer> 
</article> 

我傾向於喜歡後者，但它是你的決定真的。

Answer 3

這一切都取決於'你使用什麼'和'你想結束什麼'。 如果你想添加一個複雜的CSS樣式表或大部分工作將在服務器端完成，那麼你最好有一個詳細的構圖。另一方面，如果你打算使用JavaScript和幾個CSS，最清晰的最好的。

對我來說，頁面的登錄部分（或其容器，即標題）應該是一個部分。 div應該用來組織內部元素。

「標籤定義文檔中的各個部分，例如章節，頁眉，頁腳或文檔的任何其他部分。」 [http://www.w3schools.com/tags/tag_section.asp]