HTML | Atributo deshabilitado

El atributo deshabilitado en HTML indica si el elemento está deshabilitado o no. Si se establece este atributo, el elemento está deshabilitado. El atributo deshabilitado generalmente se dibuja con texto atenuado. Si el elemento está deshabilitado, no responde a las acciones del usuario, no se puede enfocar. Es un atributo booleano.

Uso : Se puede utilizar en los siguientes elementos: <button>, <input>, <option>, <select>, <textarea>, <fieldset>, <optgroup> y <keygen>. 

Sintaxis:  

<tag disabled></tag>
  • Ejemplo: 

HTML

<!DOCTYPE html>  
<html>  
    <head>  
        <title>HTML disabled Attribute</title>  
    </head>  
    <body style = "text-align:center">     
        <h1 style = "color: green;">GeeksforGeeks</h1> 
        <h2>HTML disabled Attribute</h2> 
            
        <!--A disabled button-->
        <button type="button" disabled>Click Me!</button> 
    </body>  
</html>
  • Producción: 

button

<entrada>: entrada

  • Ejemplo: 

HTML

<!DOCTYPE html>  
<html>  
    <head>  
        <title>HTML disabled Attribute</title>  
    </head>  
    <body style = "text-align:center">     
        <h1 style = "color: green;">GeeksforGeeks</h1> 
        <h2>HTML disabled Attribute</h2> 
    
        <!--A disabled input-->
        <label>Input: 
            <input type="text" name="value" value =  
              "This input field is disabled" disabled> 
        </label> 
    </body>  
</html>
  • Producción: 

input

<opción>:

  • Ejemplo: 

HTML

<!DOCTYPE html>  
<html>  
    <head>  
        <title>HTML disabled Attribute</title>  
    </head>  
    <body style = "text-align:center">     
        <h1 style = "color: green;">GeeksforGeeks</h1> 
        <h2>HTML disabled Attribute</h2> 
    
        <!--A disabled input-->
          
<p>Volvo is disabled.</p>
   
        <select> 
             <option value="volvo" disabled>Volvo</option> 
             <option value="saab">Saab</option> 
             <option value="vw">VW</option> 
             <option value="audi">Audi</option> 
        </select><br> 
            
    </body>  
</html>
  • Producción: 

option

<seleccionar>:

  • Ejemplo: 

HTML

<!DOCTYPE html>  
<html>  
    <head>  
        <title>HTML disabled Attribute</title>  
    </head>  
    <body style = "text-align:center">     
        <h1 style = "color: green;">GeeksforGeeks</h1> 
        <h2>HTML disabled Attribute</h2> 
    
        <!--A disabled input-->
          
<p>This select field is disabled.</p>
   
        <select disabled> 
             <option value="binary">Binary Search</option> 
             <option value="linear">Linear Search</option> 
             <option value="interpolation"> 
              Interpolation Search 
             </option> 
        </select> 
    </body>  
</html>     
  • Producción: 

select

<área de texto>:

  • Ejemplo: 

HTML

<!DOCTYPE html>  
<html>  
    <head>  
        <title>HTML disabled Attribute</title>  
    </head>  
    <body style = "text-align:center">     
        <h1 style = "color: green;">GeeksforGeeks</h1> 
        <h2>HTML disabled Attribute</h2> 
    
        <!--A disabled textarea-->
        <textarea disabled> 
            This textarea field is disabled. 
        </textarea> 
    </body>  
</html>
  • Producción: 

textarea

<conjunto de campos>:

  • Ejemplo: 

HTML

<!DOCTYPE html>  
<html>  
    <head>  
        <title>HTML disabled Attribute</title>  
    </head>  
    <body style = "text-align:center">     
        <h1 style = "color: green;">GeeksforGeeks</h1> 
        <h2>HTML disabled Attribute</h2> 
    
        <!--A disabled fieldset-->
          
<p>This field set is disabled.</p>
   
        <fieldset disabled> 
          Name: <input type="text"><br> 
        </fieldset> 
    </body>  
</html>
  • Producción: 

fieldset

<grupo de opciones>:

  • Ejemplo: 

HTML

<!DOCTYPE html>  
<html>  
    <head>  
        <title>HTML disabled Attribute</title>  
    </head>  
    <body style = "text-align:center">     
        <h1 style = "color: green;">GeeksforGeeks</h1> 
        <h2>HTML disabled Attribute</h2> 
    
        <!--A disabled optgroup-->
        <select> 
          <optgroup label="German Cars" disabled> 
            <option value="mercedes">Mercedes</option> 
            <option value="audi">Audi</option> 
          </optgroup> 
        </select> 
    </body>  
</html>
  • Producción: 

optgroup

Navegadores compatibles: deshabilitado

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

Publicación traducida automáticamente

Artículo escrito por Vishal Chaudhary 2 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 *