HTML | Propiedad deshabilitada de correo electrónico de entrada de DOM

La propiedad Input Email disabled en HTML DOM se usa para establecer o devolver si el campo Input Email debe estar deshabilitado o no. Un campo de correo electrónico de entrada deshabilitado no se puede hacer clic y no se puede usar. Es un atributo booleano y se usa para reflejar el atributo HTML deshabilitado. 
Sintaxis: 

  • Se utiliza para devolver la propiedad inhabilitada. 
emailObject.disabled
  • Se utiliza para establecer la propiedad deshabilitada. 
emailObject.disabled = true|false

Valores de propiedad: contiene dos valores de propiedad que se enumeran a continuación: 

  • true: Define que el campo Input Email está deshabilitado.
  • Falso: Tiene un valor por defecto. Define que el Campo de correo electrónico de entrada no está deshabilitado.

Valor de retorno: devuelve un valor booleano que representa que el campo de correo electrónico de entrada está deshabilitado o no.
Ejemplo 1: este ejemplo devuelve la propiedad Input Email disabled. 

html

<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML DOM Input Email disabled Property
    </title>
</head>    
 
<body style="text-align:center;">
 
    <h1> GeeksforGeeks</h1>
 
    <h2>DOM Input Email disabled Property</h2>
 
    E-mail: <input type="email" id="email" disabled>
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
     
    <p id="GFG" style="font-size:25px;color:green;"></p>
 
  
     
    <!-- Script to access input element with
            type email attribute -->
    <script>
        function myGeeks() {
            var em = document.getElementById("email").disabled;
            document.getElementById("GFG").innerHTML = em;
        }
    </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 establece la propiedad Input Email disabled. 

html

<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML DOM Input Email disabled Property
    </title>
</head>    
 
<body style="text-align:center;">
 
    <h1> GeeksforGeeks</h1>
 
    <h2>DOM Input Email disabled Property</h2>
 
    E-mail: <input type="email" id="email" disabled>
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
     
    <p id="GFG" style="font-size:25px;color:green;"></p>
 
  
     
    <!-- Script to access input element with
            type email attribute -->
    <script>
        function myGeeks() {
            var em = document.getElementById("email").disabled =false;
            document.getElementById("GFG").innerHTML = em;
        }
    </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 la propiedad DOM input Email disabled se enumeran a continuación: 

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

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 *