Todos los controles que hemos visto podemos hacer que aparezcan inhabilitados.
Supongamos que disponemos 3 controles de tipo radio para indicar que sección del sitio deseamos ingresar. Nosotros queremos mostrar que tiene 3 secciones pero una no está disponible. Esto lo resolvemos deshabilitando un radio:
<!DOCTYPE html> <html> <head> <title>Prueba de formulario</title> <meta charset="UTF-8"> </head> <body> <form action="registrardatos.php" method="post"> Seleccione la sección donde desea ingresar: <br> <input type="radio" name="seccion" value="1" disabled>Niños<br> <input type="radio" name="seccion" value="2">Adolescentes<br> <input type="radio" name="seccion" value="3">Mayores<br> <input type="submit" value="Enviar"> </form> </body> </html>
El resultado en el navegador es:
Para deshabilitar el primer radio añadimos la propiedad disabled sin asignarle valor:
<input type="radio" name="seccion" value="1" disabled>Niños
Los siguientes elementos pueden inhabilitarse:
button, input, optgroup, option, select y textarea.
Esta propiedad tiene mucha aplicación si se aplica javascript en la página. Mediante javascript podemos luego de haber sido cargado el documento modificar el estado de los controles, habilitando y deshabilitando de acuerdo a los datos que carga el visitante al sitio.