Gunnar Bittersmann: suchfeld - alles zentrieren - bei eingabe vom text abstand nach rechts hinzufügen ?

Beitrag lesen

@@dennis-html

allerdings verschiebt sich dann alles nach links , ich will aber das es zentriert bleibt.

Eben nicht, jedenfalls nicht auf den verfügbaren Platz im Eingabefeld bezogen. Sondern auf verfügbaren Platz + Button. Warum auch immer du das willst.

padding-left: 180px, bitteschön. Wie willst du den gesamten Platz nutzen und auf verfügbaren Platz + Button bezogen zentrieren?

Hast du dir auch die Frage gestellt, ob der Nutzer das will? Ich vermute mal, es ist ihr egal.

Was nicht egal ist: Das Eingabefeld hat keinerlei Beschriftung, ist dadurch nicht barrierefrei bedienbar, kurz: es ist nicht bedienbar. Alle Eingabefelder sollten zugehörige label-Elemente haben.

Das Formular hat auch keinen Submit-Button. Ein a-Element ist kein Button, ein button-Element ist einer.

Es ist unsinnig, HTML-Elemente missbräuchlich zu verwenden und dadurch verlorengehende Funktionalität mit JavaScript nachzubauen. Das führt zu unbenutzbaren Seiten oder erheblichem Mehraufwand. Meist zu beidem.

Außerdem sollte ein Suchfeld <input type="search"> sein.

hier die Datei: https://jsfiddle.net/ehh1mbgq/

Nein, hier: https://jsfiddle.net/ehh1mbgq/

Bitte verlinken.

LLAP 🖖

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)