Horas

LIBP-0210 (Libro de pautas)

Pautas

TítuloCarácter
Componente para la horaObligatoria
Formato de horaObligatoria

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