CSS Kochbuch

7.19 Formulardaten wie bei einem Tabellenkalkulationsdokument eingeben

Problem

Formularfelder für die Dateneingabe sollen im Aussehen an ein Tabellenkalkulations-(«TK»-)Dokument angepasst werden.

Lösung

Verwenden Sie die CSS-Eigenschaften für Formularfelder und Tabellen, um die gewünschte Darstellung zu erreichen. Fügen Sie hierfür zu Beginn die nötigen Eingabefelder in die HTML-Tabelle ein, wie in Abbildung 7-27 gezeigt:

<form method="get" name="copresentations">
 <table cellspacing="0">
 <caption>
  Zusammenfassung der Finanzdaten
 </caption>
 <tr>
  <th scope="col">Steuerjahr </th>
  <th scope="col">Präsentationen </th>
  <th scope="col">Bestanden </th>
  <th scope="col">Anzahl der Präsentatoren  </th>
 </tr>
 <tr>
  <th scope="row">1999</th>
 <td><input type="text" ...