Details Ansicht und CSS-Konformität

Question

Ich tue mich immer noch schwer damit, keine Tabellen zu verwenden, um das Layout meiner Detailansicht in HTML zu erstellen. Ich möchte einige Beispiele ausprobieren und ein paar Meinungen einholen.

Was würden Sie gerne in der HTML für eine Detailansicht sehen? Welche hat die geringsten browserübergreifenden Hürden? Welche ist am kompatibelsten? Welche sieht besser aus, wenn ich eine rechtsbündige Spalte mit statischer Breite habe?

Mit Detailansicht meine ich etwas ähnliches wie das folgende Bild.

Tabelle

<table>
<tr>
<td><label /></td>
<td><input type="textbox" /></td>
</tr>
<tr>
<td><label /></td>
<td><input type="textbox" /></td>
</tr>
</table>

Feldsatz

<fieldset>
<label /><input type="textbox" /><br />
<label /><input type="textbox" /><br />
</fieldset>

Divs

<div class="clearFix">
<div class="label"><label /></div>
<div class="control"><input type="textbox" /></div>
</div>

<div class="clearFix">
<div class="label"><label /></div>
<div class="control"><input type="textbox" /></div>
</div>

Liste

<ul>
<li><label /><input type="textbox" /></li>
<li><label /><input type="textbox" /></li>
</ul>

Answer 1

Sie KÖNNEN Tabellen zur Formatierung von Formularen verwenden tabellarisch sondern verwenden CSS, um den Formularen Stile hinzuzufügen. CSS-Puristen werden wahrscheinlich sagen, dass man das nicht tun sollte, aber die Realität ist, dass viele Browser CSS-Formulare oft unterschiedlich darstellen und Probleme mit der Zugänglichkeit verursachen können. Ein tabellenbasiertes Formular ist in allen Browsern konsistenter und auch viel zugänglicher.