input-Textfeld soll so breit sein wie die maximale Zeichenzahl

[Gunnar Bittersmann]

@@Rolf B

• 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.

Musste halt einen anständigen Browser verwenden. In Firefox sieht alles gut aus, ohne irgendwelche Eskapaden machen zu müssen.

Ja, Chrome rendert das Eingabefeld nur mit size-Attribut ohne Breitenangabe etwas zu breit, mit width: 50ch etwas zu schmal.

Mit box-sizing: content-box muss man von den 100% etwas abziehen. ☞ 2. Versuch

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

Hab ich mal mit eingebaut.

Kwakoni Yiquan