Ist es akzeptabel, Tabellen für Formulare zu verwenden? Oder ist es immer noch korrekter, Divs zu verwenden?

Question

Ich frage mich, ob es akzeptabel ist, wenn man table s für Formulare.

Streng genommen handelt es sich bei Name/Wert-Paaren um tabellarische Daten, nicht wahr? Und ein Formular ist nur ein vom Benutzer anpassbarer Satz von Name/Wert-Paaren. Ist es also richtig, Folgendes zu verwenden table s in diesem Fall? Oder sollte ich verwenden div mit CSS gestylt ist?

Answer 1

Nachdem ich die größte Anti-Tisch-Person bin, die man sich vorstellen kann, habe ich begonnen zu erkennen, dass es letztendlich egal ist. Man nimmt, was am schnellsten geht. Wenn Sie Tabellen verschachteln, haben Sie natürlich ein Problem, aber im Allgemeinen kann ich mir keinen einfacheren Weg vorstellen, um Formulare zu gestalten. Ist es dem Kunden oder dem Besucher am Ende egal, ob Sie eine Tabelle oder eine Liste verwenden?

Answer 2

Manche Menschen werden ja sagen, andere nein.

Hier ist eine Möglichkeit für Sie, sich zu entscheiden: Wenn es wirklich tabellarische Daten enthält, dann sollte es, zumindest nach den WCAG, ein Zusammenfassungsattribut haben. Das Zusammenfassungsattribut sollte den Zweck und die Struktur der Tabelle zum Nutzen der Benutzer von Bildschirmlesegeräten beschreiben. Können Sie ein solches Attribut schreiben? Wenn ja, dann sollten Sie es tun und in Ihre Tabelle aufnehmen. Wenn nicht, handelt es sich wahrscheinlich nicht um eine richtige Tabelle, und Sie sollten sich eine andere Art der Gestaltung Ihres Formulars überlegen.

Answer 3

Eric, ich würde Ihnen zustimmen, dass Formulardaten tabellarische Daten sind und semantisch in einer Tabelle leben können.

Dies ist die Methode, die ich für einfache Dateneingabebildschirme verwende.

Ich würde im Allgemeinen keine divs verwenden, aber möglicherweise eine geordnete Liste

<ol>...</ol>

da das Formular auch eine geordnete Liste von Elementen ist. Ich finde diese Methode jedoch sehr schwer zu gestalten.

Die Antworten werden wahrscheinlich 50/50 geteilt....

Answer 4

Wenn Sie nach "css-Reinheit" suchen, sollten Sie etwas wie dieses verwenden:

<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>

Answer 5

Sie können verwenden, was Sie wollen, Es handelt sich um einen neuen Standard für das Layout von HTML-Formularen, und es ist eine Art Regel, keine Tabellen-Tags für das Design zu verwenden, aber es ist immer noch in Ordnung, Tabellen für die Anzeige einer Datentabelle (Gitter) zu verwenden.