Hallo zusammen,
ich bin gerade dabei ein Eingabefeld für meine Webseite zu programmieren, bis jetzt sieht es so aus:
<div class="prehelp"><pre class="html_code"><input type="text" id="name" name="name" required minlength="2" maxlength="2" size="15" placeholder="10.000 EUR" p style="font-size:22px"></pre></div>
Als Placeholder habe ich 10.000 EUR eingegeben, das würde ich gerne aufteilen sodass die 10.000 immer vorne steht und EUR immer ganz hinten am Ende des Eingabefeldes steht. <a href="https://testmyspeed.onl/">Speed Test</a>,
<a href=" http://essaywriter.fun/"> essay writer</a> 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
Code
<style>
#helper{
position:absolute;
top:100px;
width:320px;
border:1px solid grey;
left:calc(50% - 180px);
}
#helper:after{
content:'EUR';
width:50px;
font-size:23px;
}
input:placeholder-shown{
transition:200ms all;
width:calc(100% - 150px);
}
input {
font-size:20px;
width:250px;
border:none;
transition:200ms all;
outline:none;
}
</style>
<div id="helper"><input type="text" placeholder="eintrag irgendwas"></div>