Usar dos decimales en el input tipo number, ideal para precios

- Andrés Cruz

In english
Usar dos decimales en el input tipo number, ideal para precios

Muchas veces tenemos un campo de texto el cual queremos representar un precio o en definitiva un valor numérico con parte decimal; si estas al dia con HTML5, sabes que puedes definir un campo de tipo number

Tengo un <input type = "number">

El problema es, que solamente va a aceptar numero enteros; si quieres parte decimal, que es nuestro objetivo, tienes que definir el parámetro step, para indicar el intervalo; en nuestro caso, como queremos que sea de dos decimales:

step=".01"

Si quisieras por ejemplo, de 3

step=".001"

En definitiva:

<input type = "number" step=".01">
Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy

Acepto recibir anuncios de interes sobre este Blog.