HTML | Objeto de mes de entrada DOM

El objeto Input Month en HTML DOM se utiliza para representar un elemento de entrada HTML con el atributo type= «mes» . Se puede acceder al elemento de entrada con el atributo type= “mes” usando el método getElementById().

Sintaxis:  

  • Se utiliza para acceder al elemento <input> con el atributo type=”month”.
document.getElementById("id");
  • Se utiliza para crear un elemento <input> con el atributo type=”month”.
document.createElement("input");

Valores de propiedad: 

Propiedad Descripción
escribe Esta propiedad se utiliza para devolver el tipo de elemento de formulario del campo de mes.
valor Esta propiedad se utiliza para establecer o devolver el valor del atributo de valor de un campo de mes.
autocompletar Esta propiedad se utiliza para establecer o devolver el valor del atributo de autocompletar de un campo de mes.
enfoque automático Esta propiedad se usa para establecer o devolver si un campo de mes debe enfocarse automáticamente cuando se carga la página.
valor por defecto Esta propiedad se utiliza para establecer o devolver el valor predeterminado de un campo de mes.
desactivado Esta propiedad se usa para establecer o devolver si un campo de mes está deshabilitado o no.
forma Esta propiedad se utiliza para devolver la referencia al formulario que contiene el campo de mes.
lista Esta propiedad se usa para devolver una referencia a la lista de datos que contiene el campo de mes.
máximo Esta propiedad se utiliza para establecer o devolver el valor del atributo máximo de un campo de mes.
min Esta propiedad se utiliza para establecer o devolver el valor del atributo min de un campo de mes.
nombre Esta propiedad se utiliza para establecer o devolver el valor del atributo de nombre de un campo de mes.
marcador de posición Esta propiedad se utiliza para establecer o devolver el valor del atributo de marcador de posición de un campo de mes.
solo lectura Esta propiedad se usa para establecer o devolver si el campo de mes es de solo lectura o no.
requerido Esta propiedad se utiliza para establecer o devolver si el campo de mes debe completarse antes de enviar un formulario.
paso Esta propiedad se utiliza para establecer o devolver el valor del atributo de paso de un campo de mes.

Métodos de objeto de mes de entrada: 
 

Método Descripción
paso abajo() Este método se utiliza para disminuir el valor del mes de entrada en un número específico.
Seleccione() Este método se utiliza para seleccionar el contenido del campo Introducir mes.
aumentar() Este método se utiliza para incrementar el valor del mes de entrada en un número específico.

Ejemplo 1: este ejemplo utiliza el método getElementById() para acceder al elemento <input> con el atributo type=”month”.  

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Month Object
    </title>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
 
    <h2>DOM Input Month Object</h2>
 
    <input type = "month" id = "month" value = "2018-02">
 
    <button onclick = "myGeeks()">Click Here!</button>
     
    <p id = "GFG"></p>
 
 
     
    <!-- script to access input element of
        type month attribute -->
    <script>
        function myGeeks() {
            var val = document.getElementById("month").value;
            document.getElementById("GFG").innerHTML = val;
        }
    </script>
</body>
 
</html>                   

Salida:  
Antes de hacer clic en el botón: 
 

Después de hacer clic en el botón: 
 

Ejemplo 2: este ejemplo utiliza el método document.createElement() para crear un elemento <input> con el atributo type=”month”. 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Month Object
    </title>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
 
    <h2>DOM Input Month Object</h2>
 
    <button onclick = "myGeeks()">Click Here!</button>
     
    <!-- script to create input element of
        type month attribute -->
    <script>
        function myGeeks() {
             
            /* Create an input element */
            var x = document.createElement("INPUT");
             
            /* Set the type attribute */
            x.setAttribute("type", "month");
             
            /* Set the value to type attribute */
            x.setAttribute("value", "2018-02");
             
            /* Append the element to body tag */
            document.body.appendChild(x);
        }
    </script>
</body>
 
</html>                   

Salida:  
Antes de hacer clic en el botón: 
 

Después de hacer clic en el botón: 
 

Navegadores compatibles:

  • Google Chrome
  • Internet Explorer (después de IE 11)
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por divyatagoel0709 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 *