Crear formulario

[diego222]

En el panel de control, dentro de los cgi's tengo dos opciones "cgi email" y "clon formmail", la primera no me funciona por lo que decidí usar la segunda "clon formmail".
Y bueno, el caso es que sólo me dan la dirección del archivo .cgi y en las instrucciones, que vienen en inglés y no me entero de nada (aunque estuviesen en español tampoco).

¿Me podríais indicar los pasos a seguir para hacer un formulario para que los visitantes de mi web me manden e-mails directamente desde el formulario (sin tener que abrir outlook o similares)? Y si aparte del código para poner en la web, si tengo que configurar algo en el cgi o no....

Algo sencillo que tenga los siguientes campos: (el tamaño y la apariencia supongo que se podrá modificar después tranquilamente con dreamweaver y eso ¿no?):
-Nombre
-Email
-Asunto
-Mensaje

[monoswim]

En el taller de este mismo foro (uno de los primeros mensajes) tienes un tutorial sobre como usar formmail...

Saludos

[diego222]

Ok, muchas gracias, ya vi el tutorial, y tengo configurado todo, pero.... ni idea del código html completo que tengo que usar para poner el formulario en mi web

en el tutorial sólo ponen esas dos lineas:

<form method="POST" action="http://www.tudominio.com/cgi-bin/FormMail.pl">
<input type="hidden" name="recipient" value="[email protected]">

Saludos

[diego222]

¿estaría bien asi este?, por cierto, el ancho de los campos se modifica en size="numero" pero...... ¿y el alto?


<form method="POST" action="http://www.tudominio.com/cgi-bin/FormMail.pl">
<p>
<input type="hidden" name="recipient" value="[email protected]">
<input type="hidden" name="subject" value="mensaje en el asunto">
<input type="hidden" name="redirect" value="pagina de validación.htm">
</p>

<p>Nombre:</p>
<p>
<input type="text" name="nombre" size="30" maxlength="40">
</p>
<p>&nbsp;</p>
<p>E-mail:</p>
<p>
<input type="text" name="email" size="30" maxlength="40">
</p>
<p>&nbsp;</p>
<p>
Asunto: </p>
<p>
<input name="email" type="text" value="" size="30" maxlength="100" />
</p>
<p>&nbsp;</p>
<p>Mensaje:</p>
<input name="email" type="text" value="" size="50" maxlength="5000" />

<p>&nbsp;</p>
<p>
<input type="submit" value="ENVIAR">
<input type="reset" value="BORRAR">
</p>
</form>

[jferrero]

Sólo a las cajas de tipo TEXTAREA se les puede cambiar la altura (el número de líneas).

Otra cosa es que quieras cambiar el estilo del tipo de letra de las cajas, para hacerlas más grandes. En ese caso lo mejor es que definas un estilo css para esas cajas.

[diego222]

ok, ya me di cuenta k la altura se modifica añadiéndole (o quitándole) lineas. Y por el resto sólo me queda ponerlo más bonito dándole formato, que como no tengo ni idea, tendré que adaptar la página al formulario, en lugar del formulario a la página, ya que no se modificar ni el color de las cajas, ni nada.

[diego222]

Ya tengo todo el formulario, este es el código, a ver si hay algo que debería cambiar y todo eso (aunque yo probé y funciona perfectamente). más abajo os dejo el estilo css que le apliqué. Por cierto, el e-mail que me llega, es un poco.... sobrio, simple.... no tiene por que importar esto, ya que sólo lo voy a ver yo, pero weno.

Por cierto, os daría la dirección de la web donde está puesto para que lo vierais mejor y eso, pero todavía estoy con pruebas (como véis) y además no creo k esté bien visto hacer publicidad así



<form method="POST" action="http://tudominio.com/cgi-sys/FormMail.cgi">
<p>
<input type="hidden" name="recipient" value="[email protected]">
<input type="hidden" name="subject" value="Contacto tudominio">
<input type="hidden" name="redirect" value="http://www.tudominio.com/validacion_formulario.htm">
<input type="hidden" name="required" value="email,asunto,mensaje">
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Nombre:</p>
<p>
<input type="text" name="nombre" size="30" maxlength="40">
</p>
<p>&nbsp;</p>
<p>E-mail:</p>
<p>
<input type="text" name="email" size="30" maxlength="40">
</p>
<p>&nbsp;</p>
<p>
Asunto: </p>
<p>
<input name="asunto" type="text" value="" size="30" maxlength="100" />
</p>
<p>&nbsp;</p>
<p>Mensaje:</p>
<p>
<textarea name="mensaje" cols="50" rows="5"></textarea>
</p>
<p>&nbsp;</p>
<p>
<input type="submit" value="ENVIAR">
<input type="reset" value="BORRAR">
</p>
</form>




CSS QUE LE APLIQUÉ

input { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #6699CC; border: #000099; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
textarea { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #6699CC; border: #000099; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}