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:
<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:
<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:
<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:
<á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:
<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:
<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:
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