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.

!Cursos desde!

10$

En Udemy

Quedan 3d 20:54!


Udemy

!Cursos desde!

4$

En Academia

Ver los cursos

!Libros desde!

1$

Ver los libros
¡Hazte afiliado en Gumroad!