Horas
- Área: Prototipos de manipulación de datos
- Tipo de pauta: Directriz
- Carácter de la pauta: Obligatoria
Pautas
Título | Carácter |
---|---|
Componente para la hora | Obligatoria |
Formato de hora | Obligatoria |
Componente para la hora
Utilizar un campo de tipo "input type='text'" que permita introducir 8 caracteres.
Para introducir una hora debe utilizarse un campo de tipo "text" que debe tener un tamaño máximo de 8 caracteres para que también se puedan incluir los segundos.
Ejemplo:
<label for="idHora">Hora: </label>
<input type="text" id="idHora" name="hora" maxlength="8" size="9" />
HTML5
Para la introducción de fechas en un formulario, en HTML5 existe un nuevo tipo de componente: "input type='time'".
Ejemplo:
<input type="time" id="idHora" name="hora" />
El componente realiza una validación para comprobar que el texto introducido se corresponde con una hora válida. Además posee varios atributos que pueden ayudar a hacer una validación más estricta:
- Min: menor hora válida que puede ser introducida en el componente
- Max: mayor hora válida que puede ser introducida en el componente
Formato de hora
Utilizar formato de 24 horas.
Al solicitar una hora, se debe utilizar siempre el formato de 24 horas y se deben aceptar las siguientes entradas:
- H:MM
- H:MM:SS
- HH:MM
- HH:MM:SS