Frage Hilfe bei der Erstellung eines INPUT Feldes für einen Betrag

[hene42]

Hallo,

so wie in der Überschrift schon angegeben benötige ich bitte Hilfe bei der Erstellung eines INPUT Feldes
für die Eingabe eines Betrages in Euro.

Derzeit habe ich folgendes:
<input name="betrag" id="input" type="number" value="0.00" step="0.01" style="height: 25px; font-size: 14px" autofocus onfocus="this.select()">

Ist es möglich hier noch rechtsbündig ein ständig erscheinendes € oder EUR einzubauen?

Danke
hene42

 

[SpiceLab]

Möglichkeit #1:
https://jqueryui.com/spinner/#currency in Verbindung mit
https://stackoverflow.com/questions/28605416/display-of-units-in-html-stepper-input-type-number

Möglichkeit #2:
http://www.decorplanit.com/plugin/ | GitHub: https://github.com/BobKnothe/autoNumeric

Möglichkeit #3:
https://jsfiddle.net/trixta/UC6tG/ -> number configurator -> Webshim

Notizen zu #3:

• Weiteres jQuery-Plugin
• JSFiddle-Demo wäre von links- auf rechtsbündig umzustellen
• Nutzt CSS-Framework Bootstrap: https://getbootstrap.com/ | http://holdirbootstrap.de/
  
• Siehe hierzu im JSF-Demo auf der linken Seite "External Resources" mit zwei Einträgen