Ist es akzeptabel, Tabellen für Formulare zu verwenden? Oder ist es noch richtiger, divs zu verwenden?

Beide sind richtige.

Ich lieber mit einigen div/liwie, dass können Sie mir einige verschiedene layouts, aber tables für forms sind nicht verpönt.

Eigentlich standardmäßig, Django, gibt Ihnen die Tabelle formatiert Formen.

InformationsquelleAutor der Antwort Esteban Küber

Einer form ist nicht tabellarische Daten.

Es ist so einfach zu legen, die form-Elemente mit CSS, ich sehe nicht einen beliebigen Wert Wert verschleiern des markup mit Tabellen. Ich persönlich finde das Layout von Formularen mit CSS ist einfacher als die Verwendung von Tabellen an dieser Stelle. Zum Beispiel:

HTML:

<fieldset>
  <label for="FirstName">First Name</label>
  <input type="text" id="FirstName" />

  <label for="LastName">Last Name</label>
  <input type="text" id="LastName" />

  <label for="Age">Age:</label>
  <select id="Age">
    <option>18-24</option>
    <option>25-50</option>
    <option>51-old</option>
  </select>
</fieldset>

CSS:

fieldset {
  overflow: hidden;
  width: 400px;
}

label {
  clear: both;
  float: right;
  padding-right: 10px;
  width: 100px;
}

input, select {
  float: left;
}

Mit einfachen Variationen auf das Thema, machen Sie das groß-schauen, zugänglichen Formen, die sind wirklich einfacher zu arbeiten als mit Tabellen sowieso. Ich habe verwendet, dass die grundlegenden Ansatz-und hochgefahren, es bis zu einige ziemlich komplexe, mehrspaltige Formulare für die Dateneingabe zu, kein Schweiß.

InformationsquelleAutor der Antwort Dave Ward

Ja

Ja, können Sie mit Tabellen. Div ' s ersetzen sollen Tabellen für die Seite-level-layout, aber nicht für, sowie, Tabellen. Gehen Sie voran und verwenden Sie Sie innerhalb von Seiten wenn Sie Ihr problem lösen.

InformationsquelleAutor der Antwort DigitalRoss

Eric, ich würde mit Ihnen einverstanden, dass Daten in das Formular ist tabellarisch Daten-und semantisch Leben können, in einer Tabelle.

Dies ist die Methode, die ich verwenden für einfache Dateneingabe-Bildschirme.

Ich würde nicht in der Regel verwenden divs, aber möglicherweise eine geordnete Liste

<ol>...</ol>

als die form ist eine geordnete Liste von Elementen auch.
Ich finde diese Methode viel schwer zu Stil jedoch.

Werden Sie wahrscheinlich bekommen, 50/50 split in die Antworten....

InformationsquelleAutor der Antwort RR.

Wenn Sie auf der Suche nach "css Reinheit", die Sie verwenden sollten etwas wie diese:

<form action="http://localhost/Zoleris/" method="post" accept-charset="utf-8">
    <ul class="form">
      <li>
        <label for="username">Username</label>
        <input type="text" id="username" name="username">
      </li>

      <li>
        <label for="password">Password</label>
        <input type="password" id="password" name="password">
      </li>

      <li>
        <input type="checkbox" id="remember_me" name="remember_me" >
        <label class="checkbox" for="remember_me">Remember my username</label>
      </li>

      <li>
        <a href="forgot.php">Forgot your password?</a>
      </li>

      <li>
        <button type="submit" id="btnLogin" name="btnLogin" class="button positive" style="float:right"><img src="tick.png">Login</button>
        <button type="submit" id="btnRegister" name="btnRegister" style="float: left"><img src="cross.png">I need an account!</button>
      </li>
    </ul>
</form>

InformationsquelleAutor der Antwort ryeguy

Ist es wichtig, verwenden Sie Etiketten, die mit dem 'für' - Attribut für Screenreader (usability).

Dass ist, warum ich fieldsets

InformationsquelleAutor der Antwort Dan dot net

Formulare können oder fühlen, tabellarische, aber Tabellen zu unterstellen, dass eine "Präsentation" zusammen mit der Semantik. Markieren Sie ein Formular in eine Tabelle dazu neigt, zu sperren, den Entwurf in einer 2-über -, Feld - /Eingabe-layout (vorausgesetzt, Sie wollen nicht, Zeit zu verbringen, überschreiben Sie die Tabelle CSS). Furthmore, können Sie müssenüberschreiben die Stile, wenn Sie versuchen, Konto für kleine Bildschirme, wie mobile Telefone.

Außerdem ein screen-reader wird über-verkünden Sie dieses Formular, "Zeile 1, Spalte 1, label: 'Name', Spalte 2, Eingang, 'Name'..." statt einfach "Input, 'Name'..."

Meine Empfehlung ist die Verwendung von DIVs, FIELDSETs oder ULs/LIs. Dies lässt die Präsentation in die Hände von CSS, genau dort, wo es hingehört.

InformationsquelleAutor der Antwort Jason T Featheringham