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.