Linuchs: input-Textfeld soll so breit sein wie die maximale Zeichenzahl

Beitrag lesen

Moin,

sämtliche meiner Input-Felder haben die font-family monospace.

Nun könnte man annehmen, dass ein Zeichen 1em breit ist. Wenn ein Feld 50 Zeichen aufnehmen kann, möchte ich max-width:50em setzen.

Das klappt gar nicht:

<input required
type        = "text"
id          = "titel_input"
name        = "titel"
title       = "titel (varchar 50)"
maxlength   = 50
style       = "font-family:monospace;max-width:50em;"
value       = "[titel]"
placeholder = "Titel max. 50"
/>

Das Feld soll in derselben Zeile stehen wie sein label (12em). Ohne diese max-width klappt das auch, ist aber ebenfalls breiter als 50 Zeichen.

Hab'sauch mit size=50 versucht, aber calc( 100% - 13em ) ist stärker, das Feld ist zu lang und gaukelt freie Stellen vor.

Gruß, Linuchs