Hacemos crecer su empresa

Rápida y efectivamente con tecnología web

Conoce más Contáctanos

Como de seguro ya deben saber, entre otras mejoras HTML5 introdujo nuevos input type, entre ellos el type number para validar datos numéricos en nuestros formularios sin recurrir a JavaScript como era costumbre; el inconveniente es que por defecto solo admite números enteros, lo que no todos saben es que esto no implica que no acepte decimales, para conseguir esto os voy a compartir un sencillo truco.

Únicamente hay que añadir step=”any” para que nuestro campo numérico acepte decimales, como pueden ver en el ejemplo que pongo a continuación:

Y listo, de esta forma podremos introducir valores decimales, más sencillo imposible ¿verdad?

Saludos y hasta la próxima.

Javier Ocampos

Fundador de Leedeo y cofundador de Nube Online. Desarrollador web por vocación, soy un apasionado del fron-end y back-end por igual, ya que considero que lo visual y lo funcional siempre han de ir de la mano.

Página web