Recuerda que si te gusta el contenido y se ha sido de utilidad puedes hacer una donación en Paypal

Síguenos en:

Input type number y números decimales

Javier Ocampos -

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:

<input name="decimales" step="any" type="number">

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 de profesión, desarrollador de videojuegos independiente por vocación, o al menos lo intento.