Listado completo de tutoriales

Temario del Tutorial->42 - Formulario - Inhabilitar controles.


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:

disabled

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.


Retornar