Desidero che l'utente inserisca numeri con un'unità come "cm", "kg" o "$". Questo può essere fatto in jQuery UI: ExampleVisualizzazione di unità nello stepper HTML <input type = "number">
Tuttavia, vorrei per la sua attuazione in puro html, come ad esempio:
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 -->
C'è un altro modo nativo per farlo (come nell'esempio 2) o devo implementare la soluzione alternativa (esempio 3)?