Campos numéricos
- Área: Prototipos de manipulación de datos
- Tipo de pauta: Directriz
- Carácter de la pauta: Obligatoria
Pautas
Título | Carácter |
---|---|
Números decimales | Obligatoria |
Alineación | Obligatoria |
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.