C'è un modo per sopprimere la notazione scientifica per <input type = "numero">?

Question

Vorrei inserire i numeri con un massimo di otto decimali con un elemento <input>. Tuttavia, se ho un <input type="number" step="0.00000001"> e utilizzare le frecce su/giù sul elemento di input (su Chrome, ecco il jsfiddle), poi ho notazione scientifica per i numeri piccoli:

Se io di ingresso, dire, 5, e quindi premere il tasto freccia, allora la notazione scientifica viene soppressa:

c'è un modo per ottenere il browser per visualizzare il 1e-8 come 0.000000001?

Inoltre, c'è qualche pericolo qui che con numeri sufficientemente piccoli, colpirò gli errori di arrotondamento in virgola mobile?

<input type="number" step="0.00000001">

Answer 1

<input oninput='precise(this)' type="number" step="0.00000001"> 
 

 
<script> 
 
    function precise(elem) { 
 
    elem.value = Number(elem.value).toFixed(8); 
 
    } 
 
</script>

È possibile modificare il parametro toFixed al numero desiderato di cifre decimali, se necessario. Spero che aiuti!

Answer 2

Ecco una variazione in base a answer di StardustGogeta:

<input oninput="this.value=Number(this.value).toFixed(this.step.split('.')[1].length)" type=number step="0.00000001">