Antwort an „Gunnar Bittersmann“ verfassen

SELF-Forum

input-Textfeld soll so breit sein wie die maximale Zeichenzahl

Gunnar Bittersmann E-Mail-Adresse des Autors Homepage des Autors

@@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

--
Ad astra per aspera
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen