El objeto Input Week en HTML DOM representa un elemento <input> con el atributo type = «week». Se puede acceder al elemento utilizando el método getElementById().
Sintaxis:
document.getElementById("id");
donde id se asigna a la etiqueta <input>.
Valores de propiedad:
- list: Devuelve la referencia de la lista de datos que contiene el campo semana.
- formulario: Devuelve la referencia del formulario que contiene el campo semana.
- autocompletar: Se utiliza para establecer o devolver el valor del atributo de autocompletar de un campo de semana.
- enfoque automático: se usa para establecer o regresar si el campo de la semana debe enfocarse automáticamente cuando se carga la página.
- defaultvalue: Se utiliza para establecer o devolver el valor predeterminado de un campo de semana.
- disabled: Se utiliza para establecer o devolver si un campo de semana está deshabilitado o no.
- max: Se utiliza para establecer o devolver el valor del atributo max de un campo de semana.
- min: Se utiliza para establecer o devolver el valor del atributo min de un campo de semana.
- nombre: Se utiliza para establecer o devolver el valor del atributo de nombre de un campo de semana.
- readOnly: se utiliza para establecer o devolver si el campo de la semana es de solo lectura o no.
- requerido: Se utiliza para establecer o devolver si el campo de la semana debe ser llenado antes de enviar un formulario.
- paso: Se utiliza para establecer o devolver el valor del atributo paso del campo semana.
- type: Devuelve el tipo de elemento del formulario al que pertenece el campo semana.
- value: Se utiliza para establecer o devolver el valor del atributo value de un campo de semana.
Métodos
- stepDown(): se utiliza para disminuir el valor del campo de la semana en un número específico.
- stepUp(): se utiliza para incrementar el valor del campo de la semana en un número específico.
- select(): Se utiliza para seleccionar el contenido del campo Semana de entrada.
Ejemplo 1: Este ejemplo describe el método getElementById() para acceder al elemento <input> con el atributo type = “week”.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input Week Object
</title>
</head>
<body>
<center>
<h1 style = "color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Week Object</h2>
<label for = "uname" style = "color:green">
<b>Enter week</b>
</label>
<input type = "week" id = "gfg"
placeholder = "Enter week">
<br><br>
<button type = "button" onclick = "geeks()">
Click
</button>
<p id = "GFG"></p>
<script>
function geeks() {
var link = document.getElementById("gfg").value;
document.getElementById("GFG").innerHTML = link;
}
</script>
</center>
</body>
</html>
Salida:
Antes Haga clic en el botón:
Después de hacer clic en el botón:
Ejemplo 2: Este ejemplo describe el método document.createElement() para crear un elemento <input> con el atributo type = “week”.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input Week Object
</title>
</head>
<body>
<center>
<h1 style = "color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input Week Object</h2>
<label for = "uname" style = "color:green">
<b>Enter week</b>
</label>
<p id = "GFG"></p>
<button type = "button" onclick = "geeks()">
Click
</button>
<!-- script to create week object -->
<script>
function geeks() {
/* Create input element */
var link = document.createElement("INPUT");
/* Set the type attribute */
link.setAttribute("type", "week");
/* Append node value */
document.getElementById("GFG").appendChild(link);
}
</script>
</center>
</body>
</html>
Salida:
Antes Haga clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- Google Chrome
- Internet Explorer (después de IE 12)
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por bestharadhakrishna y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA