Los campos de un formulario se pueden desactivar utilizando el atributo disabled, en HTML. Por ejemplo:
<input type="text" name="campoprueba" disabled>
Con este código obtendríamos un campo de tipo texto deshabilitado. El usuario vería este campo sombreado y no podría escribir en él.
Pero lo interesante es que podamos activarlo o desactivarlo según si una opción está marcada o no y eso lo podemos hacer con JavaScript. Por ejemplo vamos a hacer que cuando el usuario haga click en un checkbox el botón de enviar se active.
<form name="formulario" action="cualquiera.html" method="post">
Acepto las condiciones <input type="check" value="acepto" onclick="document.formulario.enviar.disabled=!document.formulario.enviar.disabled"><br>
<input type="submit" name="enviar" value="Enviar" disabled>
</form>
De esta forma hacemos que al hacer click en el checkbox el botón "Enviar" se active, y si se vuelve a hacer click, se desactive. Al cargar la página sale desactivado, gracias al atríbuto "disabled".
Aquí puedes ver como funciona:
Por Alex
Director Técnico de WebTaller
Usuarios que han visto este tema también han visto...
- Obligar a rellenar los campos en JavaScript
- Función: removeChild() en Javascript
- Métodos del objeto Window en Javascript
- Color de fondo aleatorio
- Texto por defecto que desaparece
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.