input-Textfeld soll so breit sein wie die maximale Zeichenzahl

[Rolf B]

Hallo Gunnar,

autsch. Wenn ich ja wüsste, was ich alles weiß…

Ok, es gibt also eine passende Maßeinheit. Aber:

• dein * { box-sizing: border-box; } stört dann. Das Input braucht content-box.
• ohne width:50ch ist das Input mit size=50 etwas zu breit. Zumindest bei mir, ohne Fira-Fonts und mit monospace Fallback. Ich vermute, dass der Browser "zur Sicherheit" etwas Luft lassen möchte? Denn die Angabe size=50 hindert mich ja nicht, 47 Zeichen mehr einzugeben. Ich möchte darum die Frage aufwerfen, ob eine maßgenaue Breitenangabe sinnvoll ist.

Mit einem Pattern-Attribut (pattern=".{1,50}") könnte man zumindest eine Validierung herbeiführen und mit einer :invalid-Pseudoklasse den Fehler highlighten.

Rolf