Campos numéricos

LIBP-0201 (Libro de pautas)

Pautas

TítuloCarácter
Números decimalesObligatoria
AlineaciónObligatoria

Números decimales

Permitir utilizar como separador decimal los símbolos "." y ",".

Cuando se introduce un número decimal, se debe permitir el uso del punto (".") y la coma (",") como separadores decimales.

 

HTML5

En esta versión de HTML se ha creado un nuevo tipo del componente "input" específico para la introducción de números:

<input type="number" ...  />

Este componente realiza una validación para comprobar que el valor introducido se corresponde con un número válido. Se debe tener en cuenta que el único separador decimal que acepta es el punto (".").

Posee los siguientes atributos:

  • Formaction, formenctype, formmethod, formnovalidate y formtarget: atributos que modifican la acción, el método de envío, la validación y el destino de un formulario respectivamente cuando se introduce algún valor en el campo.
  • Data-*, donde el asterisco puede ser cualquier nombre:  permite la creación de atributos personalizados, que posteriormente se pueden obtener con Javascript.
  • Spellcheck: indicará que el valor introducido en el componente debe pasar el corrector ortográfico.
  • Form: contendrá el nombre del formulario al que pertenezca el elemento. De esta forma se puede colocar un componente en cualquier parte de una página.
  • Min y max: almacenan los valores mínimo y máximo entre los que se debe encontrar el introducido en el componente.

Alineación

Alinear a la derecha los campos numéricos respetando la posición del separador decimal.

Los campos numéricos deben alinearse a la derecha y respetar la posición del separador decimal para que puedan compararse de una forma más sencilla.