Definición y Uso
El disabled atributo es un atributo booleano.
Cuando está presente, especifica que el elemento debe ser desactivado.
Un elemento con discapacidad es inutilizable.
El disabled atributo se puede establecer para mantener un usuario de usar el elemento hasta que alguna otra condición se ha cumplido (como seleccionar una casilla de verificación, etc.). Entonces, un JavaScript podría quitar el valor discapacitados, y hacer que el elemento utilizable.
Se aplica a
El disabled atributo se puede usar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <keygen> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
Ejemplos
Button Ejemplo
Un botón de discapacitados:
<button type="button" disabled>Click Me!</button>
Inténtalo tú mismo " Fieldset Ejemplo
Desactivar un grupo de elementos de formulario relacionados:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Inténtalo tú mismo " Input Ejemplo
Un formulario HTML con un campo de entrada de personas con discapacidad:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"
disabled><br>
<input type="submit" value="Submit">
</form>
Inténtalo tú mismo " Keygen Ejemplo
A inhibido <keygen> elemento:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" disabled>
<input type="submit">
</form>
Inténtalo tú mismo " Optgroup Ejemplo
A inhibido opción de grupo:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Inténtalo tú mismo " Option Ejemplo
Una lista desplegable con una opción desactivada:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Inténtalo tú mismo " Select Ejemplo
Una lista desplegable con discapacidad:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Inténtalo tú mismo " Textarea Ejemplo
Un área de texto con discapacidad:
<textarea disabled>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Inténtalo tú mismo " Soporte para el navegador
El disabled atributo tiene el siguiente soporte de los navegadores para cada elemento:
| Elemento | |||||
|---|---|---|---|---|---|
| button | Sí | Sí | Sí | Sí | Sí |
| fieldset | Sí | No soportado | Sí | 7.0 | Sí |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| keygen | Sí | No soportado | Sí | 6.0 | Sí |
| optgroup | 1.0 | 8.0 | Sí | Sí | Sí |
| option | 1.0 | 8.0 | 1.0 | Sí | Sí |
| select | Sí | Sí | Sí | Sí | Sí |
| textarea | Sí | Sí | Sí | Sí | Sí |