lunes, junio 20, 2016

HTML5 input type=number no acepta decimales o comas en Chrome

Cuando estás poniendo un input de tipo número y quieres que lo valide un formulario, te das cuenta que utilizando Chrome no te permite poner decimales.

Así que con este código:





La pregunta que te estarás haciendo es si esto es un bug ya que en firefox esto no pasa pero en principio de acuerdo a los estándares de la W3C esto debe ser así.

La solución no puede ser más sencilla, si quieres que los saltos no sean de números enteros y que hayan decimales debes escribir 

step="any"

Y si quieres que no puedan haber números negativos deberás añadir

min="0"

Así que el código final quedaría así:



Espero que os sirva de ayuda.


1 comentario:

Robin dijo...

Hola amigo. Gracias por el aporte... ahora te hago una pregunta. Resulta que si le colocamos el atributo step="any" este ya no permite ingresar datos enteros... solo decimales. Que puede estas sucediendo allí? Como se crea que permite ingresar enteros y decimales al mismo tiempo? Gracias.