El tipo de entrada de hora en HTML5 permite que un usuario ingrese una hora. Tanto la hora como los minutos se recopilan, así como si es a.m. o p.m. No hay una selección de zona horaria. Algunos navegadores realmente pueden mostrar un reloj u otro dispositivo de entrada de control de fecha para permitir a los usuarios enviar la hora con mayor facilidad.
Cómo usar el tipo de entrada de tiempo
Puede ver cómo se ve el código HTML en una página web en vivo en JSFiddle. La expresión se puede envolver en un formulario, y el texto se puede agregar para obtener instrucciones. También puede elegir mes, día y año, como se muestra en estos ejemplos.
Soporte de navegador web
El soporte para la entrada de tiempo está disperso en todos los navegadores web, incluidos Chrome, Safari, Opera, Firefox e Internet Explorer. Algunos navegadores muestran un cuadro de texto normal en el que tiene que escribir la hora y alternar entre la mañana y la tarde. Otros pueden incluir un selector de fecha o no mostrarán nada en absoluto.
Esto es realmente un respaldo importante y útil para los navegadores que aún no admiten este tipo de formulario HTML5. Puede utilizar esta entrada en sus formularios web para recopilar mejores datos de los navegadores que lo admiten. Los navegadores que no admiten este tipo de entrada simplemente se establecerán de forma predeterminada en lo que es esencialmente el campo estándar: lo que habría utilizado en ausencia del campo de tiempo de todos modos.
Si los datos recopilados en este campo deben cumplir con un determinado estándar de fecha, puede usar este tipo de entrada y validar que el contenido es una hora con un script o CGI. Esto también cubre sus bases para aquellos navegadores más antiguos y la forma en que recurren a un tipo de entrada de texto.
Atributos de tiempo de entrada
Puede usar los siguientes parámetros con el tipo de entrada de tiempo:
- autocompletar
- lista
- max
- min
- solo lectura
- necesario
- paso
- valueAsNumber
- seleccionadoOpción
- paso abajo ()
- aumentar()
