HTML | Entrada de DOM Semana requerida Propiedad

La propiedad Input Week required en HTML DOM se usa para establecer o devolver si el campo Input Week debe completarse o no al enviar el formulario. Esta propiedad se utiliza para reflejar el atributo requerido de HTML.

Sintaxis:

  • Devuelve la propiedad requerida Input Week.
    weekObject.required
  • Se utiliza para establecer la propiedad Semana de entrada requerida.
    weekObject.required = true|false

Valores de propiedad:

  • verdadero: Especifica que el campo de la semana debe ser llenado antes de enviar el formulario.
  • false: Es el valor por defecto. Especifica que el campo de la semana no debe completarse antes de enviar el formulario.

Valor de retorno: Devuelve un valor booleano que representa que el Campo de la semana debe ser llenado o no antes de enviar el formulario.

Ejemplo-1: este ejemplo devuelve la propiedad requerida Semana de entrada.

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Input Week required Property
    </title> 
</head> 
  
<body style="text-align:center;"> 
  
    <h1>GeeksForGeeks</h1> 
  
    <h2>DOM Input Week required Property</h2> 
            <form id="myGeeks">
    <input type="week" id="week_id" name="geeks" required> 
                 </form>
                 <br>
    <button onclick="myGeeks()">Click Here!</button> 
      
    <p id="GFG" style="font-size:20px;"></p> 
      
    <!-- Script to return the required Property-->
    <script> 
        function myGeeks() { 
            var gfg = document.getElementById("week_id").required;
            document.getElementById("GFG").innerHTML = gfg;
        } 
    </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 ilustra cómo establecer la propiedad.

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Input Week required Property
    </title> 
</head> 
  
<body style="text-align:center;"> 
  
    <h1>GeeksForGeeks</h1> 
  
    <h2>DOM Input Week required Property</h2> 
            <form id="myGeeks">
    <input type="week" id="week_id" name="geeks" required> 
                </form>
                <br>
    <button onclick="myGeeks()">Click Here!</button> 
      
    <p id="GFG" style="font-size:20px;"></p> 
      
    <!-- Script to set the required Property-->
    <script> 
        function myGeeks() { 
            var gfg = document.getElementById("week_id");
            gfg.required = false;
            var g =    gfg.required;        
            document.getElementById("GFG").innerHTML = 
                        "The value is changed from true to " + g;
        } 
    </script> 
</body> 
  
</html>                    

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

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

Navegadores compatibles: los navegadores compatibles con DOM input Week required Property se enumeran a continuación:

  • Google Chrome
  • Internet Explorer 10.0 +
  • Firefox
  • Ópera
  • Safari

Nota: En Firefox, el elemento input type=”week” no muestra ningún campo de fecha o calendario.

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 *