Siechfred: Größe eines Formular Textfelds der Tabellenzelle anpassen

Beitrag lesen

Hallo Klaus.

ist es möglich per HTML/CSS die Größe eines Formular Textfelds (<input type="text" ) dynamisch an die Größe der Tabellenzelle anzupassen ?

Für die Breite eines Textfeldes ist in HTML das Attribut "size" zuständig:

http://www.w3.org/TR/html4/interact/forms.html#adef-size-INPUT

Deshalb kommst du über diesen Weg nicht weiter. Helfen sollte dir jedoch die CSS-Eigenschaft "width" verbunden mit einer relativen Angabe in Prozent:

http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-width
http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-percentage

D.h. ich habe keine Ahnung wie breit eine Zelle ist oder werden kann, das Input Feld sollte sie jedoch voll ausfüllen ohne sie zu vergrössern. Ist das überhaupt möglich ?

Ja, mit CSS:

<table>
  <tr>
    <td>
      <input style="width:100%" value="" type="text" name="name" maxlength="60">
    </td>
  </tr>
</table>

Grüße
Siechfred