Ich möchte, dass der Benutzer Zahlen mit einer Einheit wie "cm", "kg" oder "$" eingibt. Dies kann in jQuery UI erfolgen: ExampleAnzeige von Einheiten in HTML-Stepper <input type = "number">
Allerdings würde ich es in reinem HTML implementieren möchten, wie zum Beispiel:
input{
display: inline;
}
div.euro-sign::after{
content: "€";
margin-left: -40px;
}
<div><input placeholder="5 €" type="number" step="1"></div>
<div><input placeholder="5 €" type="number" step="1" unit="€"></div><!-- NOT working -->
<div class="euro-sign"><input placeholder="5" type="number" step="1"></div><!-- Workaround -->
Gibt es eine native Möglichkeit dafür (wie Beispiel 2) oder muss ich die Problemumgehung implementieren (Beispiel 3)?