Como sabemos, se utiliza un selector de tiempo para proporcionar un valor único de selección de tp de un conjunto predeterminado. Básicamente, crea un campo de entrada que acepta una hora. Podemos abrir un selector de tiempo haciendo clic en un icono de reloj. El diseño de la interfaz de usuario del selector de tiempo es diferente de un navegador a otro.
Siga el siguiente enfoque para completar la tarea:
- En primer lugar, creamos un documento HTML que contiene un elemento de formulario.
- Agregue una etiqueta <input> debajo del formulario.
- Utilice el atributo de tipo con el elemento de entrada.
- Establezca el atributo de tipo en el valor «tiempo».
Sintaxis:
<input type="time">
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title> How to add a Time picker in Form using HTML5? </title> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <h2> How to add a Time picker in Form using HTML5? </h2> <form action="#"> <legend> Select Time: <input type="time" name="time"> </legend> <br><br> <input type="submit" value="Submit"> </form> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA