Menú Cerrar

Mostrar y ocultar formulario desde un Checkbox con HTML y Javascript

Si queremos ofrecer a nuestros visitantes la opcion de mostrar o ocultar campos de formulario, este script puede ser muy util.

Al pulsar sobre el checkbox se muestra u oculta una lista desplegable. Ademas de utilizar javascrit utiliza css y layers o capas.

<html>
<head>
<title>CB Hide/Show</title>
<script type="text/javascript">
<!--
function showMe (it, box) {
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;
}
//-->
</script>
</head>
<body>
<h3 align="center"> This JavaScript shows how to hide divisions </h3> <div id="div1" style="display:none">
<table border=1 id="t1">
<tr>
<td>i am here!</td>
</tr>
</table>
</div>
<form>
<input type="checkbox" name="c1" onclick="showMe('div1', this)">Show Hide Checkbox
</form>
</body
</html>


¿Has visitado nuestro canal de Youtube.com/@SpekRegg?

Ver los resultados

Cargando ... Cargando ...

 

🦋 Siguenos tambien en Bluesky, el nuevo Twitter de los creadores de Twitter




Publicado en Soporte Tecnico

Te puede interesar...

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *