¿Cómo agregar un selector de fecha en el formulario usando HTML?

Sabemos que un selector de fechas se usa para seleccionar una fecha particular de un calendario. Un selector de fechas es un menú desplegable interactivo que facilita elegir la fecha de un calendario en lugar de escribirla manualmente. Generalmente se usa para guardar una fecha de nacimiento de un usuario o también se usa en muchos casos. 

En este artículo, aprenderemos cómo agregar un selector de fecha en un formulario usando HTML5. 

Acercarse: 

  • Cree un documento HTML que contenga un formulario con un campo de entrada.
  • Usando un atributo de tipo en el elemento de entrada que se establece en » datetime-local «.

Sintaxis:

<input type="datetime-local">

Código HTML:

HTML

<!DOCTYPE html>
<html>
  
<head>
          
    <style>                
        body {
            text-align: center;
        }
    </style>
</head>
  
<body>
  
    <h2 style="color:green">GeeksforGeeks</h1>
      
    <b> How to add a datepicker in form using HTML
    </b>
      
    <br>
      
    <h4>Date Of Birth:
      <input type="datetime-local" id="Test_DatetimeLocal">
    </h4>
</body>
  
</html>                    

Producción:

Selector de fecha modal 

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *