hola a todos. estoy intentando hacer un formulario para mi página web. mi objetivo es que el visitante lo rellene y me envíe a mi correo electrónico los siguientes datos:
·su nombre
·su correo electrónico
·un comentario
·un archivo de imagen (opcional)
sin embargo no funciona bien: los datos aparecen en una misma línea y mezclados y el archivo de imagen no se adjunta. os dejo el código a ver si podéis ayudarme y decirme dónde está mal o si es de otra manera.
Código PHP:
<style type="text/css">
#capaseleccionararchivo {
position:absolute; top:290px; left:220px;
padding-top:3px;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
width:140px;
heigh:140px;
background-color:lightgrey;
border:1px solid silver;
border-radius:3px;
}
</style>
<script type="text/javascript">
function mostrarseleccionararchivo(enla,etik) {
obj = document.getElementById(etik);
obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
}
</script>
Este buzón estará abierto por tiempo limitado. ¡Aprovecha para mandar tu sugerencia!<p>
<form action="mailto:[email protected]" method="post" enctype="multipart/form-data">
<label for="nombre">Nombre</label><br />
<input type="text" name="nombre" id="nombre" /><br />
<label for="correo">Correo</label><br />
<input type="text" name="correo" id="correo" /><br />
<label for="comentario">Sugerencia</label><br />
<textarea name="comentario" id="comentario" cols=30 rows=5></textarea><br />
<input type="file" name="diseño" accept="image/jpeg, image/gif" />
<a href="#" onmouseover="mostrarseleccionararchivo(this,'capaseleccionararchivo'); return false" onmouseout="mostrarseleccionararchivo(this,'capaseleccionararchivo'); return false"><img src="http://i1128.photobucket.com/albums/m482/RafaRG_93/Information-iconpng.png" width="10" height="10" /></a>
<div id="capaseleccionararchivo" style="visibility:hidden"><sub>Puedes mandar una captura de pantalla o un diseño tuyo para explicar mejor la sugerencia. Solo se aceptan imágenes jpeg y gif.</sub></div><p>
<input type="submit" value="Enviar" /> <input type="reset" value="Borrar" />
</form>
gracias y un saludoo.
PD: en el futuro querré hacer uno igual pero que en vez de fotos, que se manden archivos de word. supongo que será igual, nada más que cambiando el accept="image/jpeg" por otro accept. ¿me podéis decir cuál sería el ideal? en caso de que no se pudiese, ¿sería mejor que el usuario me lo mandase en un text/plain o en un application/zip? gracias nuevamente