Placeholder im Eingabefeld aufteilen

  • Hallo zusammen,


    ich bin gerade dabei ein Eingabefeld für meine Webseite zu programmieren, bis jetzt sieht es so aus:


    <input type="text" id="name" name="name" required

    minlength="2" maxlength="2" size="15" placeholder="10.000 EUR" p style="font-size:22px">



    Als Placeholder habe ich 10.000 EUR eingegeben, das würde ich gerne aufteilen so dass die 10.000 immer vorne steht und EUR immer ganz hinten am Ende des Eingabefeldes steht. Zudem würde ich es gerne so haben das der hintere Teil des Placeholders also EUR bei Klick und Eingabe in das Feld immer stehen bleibt, mit welchen Befehlen kann man so etwas machen? Danke im voraus für alle hilfreichen Antworten.



    Es grüßt der Spinatkrieger

  • Dann darfst Du das EUR nicht als Placeholder anwenden. Ein Placeholder verschwindet per Standard, sobald der value einen Wert hat.

    Baue Dir ein eigenes INPUT Element:

    HTML
    1. <div class="my-input">
    2. <div class="input"><input type="text" name="foo" placeholder="10.000"></div>
    3. <div class="currency">EUR</div>
    4. </div>

    Bisschen CSS samt flex, dann sollte das schon ganz gut hinkommen.

  • Das funktioniert leider auch nicht, wie kann man das sonst noch programmieren? Ich kenne mich mit CSS nicht so aus und mit flex erst recht nicht.

  • Was funktioniert den dabei nicht ?

    Das was arne da schon gepostet hat ist doch sogesehen schon alles.

    Das EUR bleibt ja stehen wenn du was in das input Feld schreiben tust.

    Mit Css muss man das nur noch schön gestallten.


    Das reicht doch schon

    Wenn du es anders meinst dann erkläre es nochmal genauer

    Dieser Beitrag wurde bereits 1 Mal editiert, zuletzt von basti1012 ()