Bessere Idee: label

[Gunnar Bittersmann]

@@Raketenwilli

HTML-Formal nicht falsch, aber die Semantic ist fürchterlich

Nicht für tabellarische Daten.

Oft ist es besser, <label> zu verwenden

Eingabefelder sollten selbstverständlich beschriftet sein. Nicht nur oft, sondern immer.

was vor allem dann gilt, wenn die Tabelle nur missbraucht wird, um die Einrückungen vorzunehmen.

Das hatte ich im hiesigen Fall nicht so verstanden. Ich denke, es ist sowas gemeint:

<form>
  <table>
    <tbody>
      <tr>
        <td>
          <label …>…</label>
          <input …/>
        </td>
        <td>
          <label …>…</label>
          <input …/>
        </td>
      </tr>
      <tr>
        <td>
          <label …>…</label>
          <input …/>
        </td>
        <td>
          <label …>…</label>
          <input …/>
        </td>
      </tr>
    </tbody>
  </table>
  <button>…</button>
</form>

---

label[for=nachname],
label[for=vorname]
{
    display: inline-block;
    width:   10rem;
}

Die Beschriftungen sollten besser über den Eingabefeldern stehen, nicht links davon.

😷 LLAP