Se puede ocultar la caja de texto?

[neodani]

Buenas,

Recurro a vosotros no he sabido y no he encontrado la forma de ocultar la caja de texto que aparece cuando creas un elemento tipo file en un formulario.

Ejemplo:

Código HTML:

<form action="procesa.php" method="post" enctype="multipart/form-data" name="form1">
            Archivo con la estructura HTML
            <input type="file" size="20" name="html">
            Código CSS original
            <input type="file" size="20" name="css">
            <input type="submit" id="boton" value="Ejecutar" name="submit" class="submit">
            </form>
 

Si lo ejecutáis veréis dos cajas con su boton examinar. Me gustaría sustituir eso por dos iconos/imagenes que hiciese de boton examinar.
Por lo que no se tendría que ver ni la caja ni el boton examinar, sino dos imagenes una para cada elemento input.

Se puede conseguir? o al ser un type=file siempre aparecerá así por defecto?

Muchas gracias de antemano!

[santris]

Buenas,

mirate esto en inglés

http://www.quirksmode.org/dom/inputfile.html

o esto en castellano

http://www.albertlanchas.com/articul...ton-input-file


Saludos

[JavierB]

Hola neodani

Muevo tu tema al foro de Javascript desde Web general.

Saludos,