Ya pude lo pude armar, gracias por la data! pero no me gusta mucho, aca estan invisibles pero me ocupan espacio en la pagina, yo necesito que no se vean y que no me ocupen espacio, cuando se vean que aparesca abajo y baje la linea de texto, como este ejemplo:
[Ejemplo de cuando estan invisibles]
input <-- este es el que se ve
asdasdasdasdasdasd <-- aca sigue mi pagina
[Ejemplo de cuando estan visibles]
input <-- este es el que se ve
input <-- este es el que se ve
input <-- este es el que se ve
input <-- este es el que se ve
asdasdasdasdasdasd <-- aca sigue mi pagina
Se puede hacer asi?
PD: aca esta el codigo terminado que no me gusta.
Código PHP:
<html>
<head>
<script type="text/javascript">
function hide(id) {
document.getElementById(id).style.visibility = "hidden";
};
function show(id) {
document.getElementById(id).style.visibility = "visible";
};
</script>
</head>
<body onload="hide('form2');hide('form3');hide('form4');";>
<form>
<div id="form1"><input name="filetoupload" type="file" class="button" size="30"></div>
<div id="form2"><input name="filetoupload1" type="file" class="button" size="30"></div>
<div id="form3"><input name="filetoupload2" type="file" class="button" size="30"></div>
<div id="form4"><input name="filetoupload3" type="file" class="button" size="30"></div>
<br><br>
01 <input type="button" value="Hide" onClick="hide('form1');"><input type="button" value="Show" onClick="show('form1');">
<br>
02 <input type="button" value="Hide" onClick="hide('form2');"><input type="button" value="Show" onClick="show('form2');">
<br>
03 <input type="button" value="Hide" onClick="hide('form3');"><input type="button" value="Show" onClick="show('form3');">
<br>
04 <input type="button" value="Hide" onClick="hide('form4');"><input type="button" value="Show" onClick="show('form4');">
</form>
</body>
</html>
Saludos.