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