Formulario - Inhabilitar controles

Cuando le aplicamos la propiedad disabled a un campo o a un conjunto de campos, éstos aparecerán pero con un tono clarito, como indicando que no están activados al menos por el momento. Se puede usar cuando no deseas que se pueda completar un campo mientras no se rellene alguno anterior, por ejemplo, o para desactivar el propio botón de envío de datos hasta que no se hayan completado los campos obligatorios.

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:

<html>
<head> <title>Prueba de formulario</title> </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>

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.