HTML

19 - Formulario - disabled

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:

formulario disabled 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.