Input type number y números decimales

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.

Autor: 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.