Este artículo demuestra el uso del tipo de entrada = 'fecha' en HTML junto con la implementación práctica.
¿Cómo usar el tipo de entrada = 'fecha' en HTML?
El 'tipo de entrada = 'datos'' se puede usar en varios sitios web, como sitios web de atención médica, sitios web de reservas de aerolíneas, sitios web de comercio electrónico, sitios de redes sociales, etc. La sintaxis del selector de fecha se indica a continuación:
< aporte tipo = 'fecha' identificación = '' nombre = '' >
Los atributos utilizados en los fragmentos de código anteriores son:
- Primero el ' tipo El atributo ” permite que el campo de entrada actúe como un selector de fecha desde el cual el usuario puede elegir cualquier fecha.
- A continuación, el “ identificación El atributo ” define la singularidad de ese elemento. Al usarlo, el elemento se puede seleccionar y puede aplicar la funcionalidad de JavaScript.
- Después de eso, el “ nombre El atributo ” especifica el nombre de ese elemento. Brinda ayuda en el proceso de validación para obtener el valor del elemento seleccionado.
Para mejorar el nivel de comprensión, analicemos diferentes ejemplos:
Ejemplo 1: Usando type= “fecha” en HTML
En el archivo HTML, cree un '
< forma >
< etiqueta para = 'Fecha de Ingreso' > Seleccione su fecha de incorporación: < / etiqueta >
< aporte tipo = 'fecha' identificación = 'Fecha de Ingreso' nombre = 'Fecha de Ingreso' >
< / forma >
En el fragmento de código anterior:
- Primero el '
Se utiliza la etiqueta ” en la que se colocan datos ficticios y el valor de “ Fecha de Ingreso ” ha sido proporcionado al “ para ' atributo. - A continuación, el “
La etiqueta ” se usa con un valor de “ fecha ' a su ' tipo ' atributo. - Después de eso, establezca el valor de “ Fecha de Ingreso ' hacia ' identificación ' atributo. Además, establezca el valor de “ nombre atributo de acuerdo a la necesidad.
Después de la ejecución del fragmento de código anterior, la página web aparece así:
El gif anterior ilustra que el selector de fecha se ha creado utilizando el tipo de entrada = 'datos' en HTML.
Ejemplo 2: recuperación de la fecha mediante JavaScript
Para recuperar los datos, los usuarios pueden utilizar las funcionalidades de JavaScript. Para una mejor comprensión, visite el siguiente bloque de código:
< botón al hacer clic = 'fechaderecuperación()' >Obtener fecha< / botón >< guion tipo = 'texto/javascript' >
función recuperar Fecha ( ) {
fue entrada de fecha = documento.getElementById ( 'Fecha de Ingreso' ) ;
var fecha seleccionada = entrada de fecha. valor ;
alerta ( 'Fecha seleccionada: ' + fecha seleccionada ) ;
}
< / guion >
En el fragmento de código anterior:
- Primero el ' recuperarFecha() La función ” se crea dentro del “ ' etiqueta.
- A continuación, la referencia del elemento HTML que tiene una identificación de ' Fecha de Ingreso ” y almacenado en una nueva variable llamada “ entrada de fecha ”.
- Luego, utilice el “ valor ” propiedad para obtener el valor del elemento HTML seleccionado. Además, almacene en una nueva variable llamada ' fecha seleccionada ”.
- Al final, muestre el valor usando el botón “ alerta() ' método.
Después de la ejecución del fragmento de código anterior, la página web aparece así:
El resultado muestra que la fecha seleccionada se muestra en el cuadro de alerta.
Conclusión
El tipo de entrada = 'fecha' se usa en el HTML para la creación de un selector de fecha. Al establecer el “ tipo ” atributo de la “