Envío, borrado y demás en formularios HTML

  • 12 de enero de 2002
  • Valoración:
  • 44 Comentarios
  • Manuales de HTML
Enseñamos la manera de colocar botones de envío y borrado en formularios HTML. También conocemos los campos invisibles y los botones normales. Además, hacemos un ejemplo práctico.
Siguiendo con la explicación de todo lo relativo a formularios que estamos ofreciendo en el Manual de HTML, ha llegado el momento de explicar cómo podemos hacer un botón para provocar el envío del formulario, entre otras cosas.

Como podremos imaginarnos, en formularios no solamente habrá elementos o campos donde solicitar información del usuario, sino también habrá que implementar otra serie de funciones. Concretamente, han de permitirnos su envío mediante un botón. También puede resultar práctico poder proponer un botón de borrado o bien acompañar el formulario de datos ocultos que puedan ayudarnos en su procesamiento.

En este capitulo, para terminar la saga de formularios, daremos a conocer los medios de instalar todas estas funciones y acabaremos mostrando un ejemplo de formulario completo.

botón de envío de formulario (botón de submit)

Para dar por finalizado el proceso de relleno del formulario y hacerlo llegar a su gestor, el navegante ha de enviarlo por medio de un botón previsto a tal efecto. La construcción de dicho botón no reviste ninguna dificultad una vez familiarizados con las etiquetas INPUT ya vistas:

<input type="submit" value="Enviar">

Con este código generamos un botón como este:

Como puede verse, tan solo hemos de especificar que se trata de un botón de envío (type="submit") y hemos de definir el mensaje que queremos que aparezca escrito en el botón por medio del atributo value. Este tipo de campos INPUT, para envío de formularios, a menudo se conocen simplemente como "botones de submit".

Nota: Al enviar el formulario se creará un mensaje con tu programa de correo, que se debe enviar con ese propio programa de correo, para que llegue al destinatario. Este es el comportamiento típico de los formularios que se programan con HTML, que requiere que el usuario tenga un programa de correo instalado y configurado para que funcione.

Una duda típica es cómo realizar el formulario para que se envíe directamente desde la página web, sin que el usuario deba tener un programa de correo, sino que se pulse el botón de enviar y se genere y envíe el mensaje automáticamente. Para ello es necesario realizar algo de programación, aparte del propio formulario en HTML, en un lenguaje avanzado, que sea del lado del servidor, como PHP, ASP... En DesarrolloWeb.com tienes todo lo que necesitas para aprender a conseguir el envío automático de correos, con explicaciones detalladas para obtener los resultados por varias vías. Te recomendamos leer el manual Envío de formularios avanzado.

botón de borrado (botón de reset)

Este botón nos permitirá borrar el formulario por completo, en el caso de que el usuario desee rehacerlo desde el principio. Su estructura sintáctica es análoga a la anterior:

<input type="reset" value="Borrar">

A diferencia del botón de envío, indispensable en cualquier formulario, el botón de borrado resulta meramente optativo y no es utilizado frecuentemente. Hay que tener cuidado de no ponerlo muy cerca del botón de envío y de distinguir claramente el uno del otro, para que ningún usuario borre el contenido del formulario que acaba de rellenar por error.

Datos ocultos (campos hidden)

En algunos casos, aparte de los propios datos rellenados por el usuario, puede resultar práctico enviar datos definidos por nosotros mismos que ayuden al programa en su procesamiento del formulario. Este tipo de datos, que no se muestran en la página pero si pueden ser detectados solicitando el código fuente, no son frecuentemente utilizados por páginas construidas en HTML, son más bien usados por páginas que emplean tecnologías de servidor. No os asustéis, veremos más adelante qué quiere decir esto. Tan solo queremos dar constancia de su existencia y de su modo creación. He aquí un ejemplo:

<input type=hidden name="sitio" value="www.desarrolloweb.com">

Esta etiqueta, incluida dentro de nuestro formulario, enviara un dato adicional al correo o programa encargado de la gestión del formulario. podríamos, a partir de este dato, dar a conocer al programa el origen del formulario o algún tipo de acción a llevar a cabo (una redirección por ejemplo).

Botones normales

Dentro de los formularios también podemos colocar botones normales, pulsables como cualquier otro botón. Igual que ocurre con los campos hidden, estos botones por si solos no tienen mucha utilidad pero podremos necesitarlos para realizar acciones en el futuro. Su sintaxis es la siguiente.

<input type=button value="Texto escrito en el botón">

Quedaría de esta manera:

El uso más frecuente de un botón es en la programación en el cliente. Utilizando lenguajes como Javascript podemos definir acciones a tomar cuando un visitante pulse el botón de una página web.

Ejemplo de formulario

Con este capítulo finalizamos el tema de formularios. Pasemos ahora a ejemplificar todo lo aprendido a partir de la creación de un formulario que consulta el grado de satisfacción de los usuarios de una línea de autobuses ficticia. El formulario está construido para que envíe los datos por correo electrónico a un buzón determinado.

Vemos el formulario en esta página. Vosotros tratar de construirlo para ver si habéis entendido bien los temas sobre formularios.

Nombre
Email
Población
Sexo
Hombre
Mujer

Frecuencia de los viajes


Comentarios sobre su satisfacción personal


Deseo recibir notificación de las novedades en las líneas de autobuses.



El formulario se puede ver también en una página a parte. Recordad que podéis ver el código fuente de cualquier página web utilizando los menús de vuestro navegador, así podréis revisar el código que hemos utilizado para construir el formulario.

A continuación también mostraremos el código fuente de este formulario, que es importante que todos le echemos un vistazo, aunque sea rápidamente.

<form action="mailto:colabora@desarrolloweb.com" method="post" enctype="text/plain">
Nombre <input type="text" name="nombre" size="30" maxlength="100">
<br>
Email <input type="text" name="email" size="25" maxlength="100" value="@">
<br>
Población <input type="text" name="poblacion" size="20" maxlength="60">
<br>
Sexo
<br>
<input type="radio" name="sexo" value="Varon" checked> Hombre
<br>
<input type="radio" name="sexo" value="Hembra"> Mujer
<br>
<br>
Frecuencia de los viajes
<br>
<select name="utilizacion">
    <option value="1">Varias veces al dia
    <option value="2">Una vez al dia
    <option value="3">Varias veces a la semana
    <option value="4">varias veces al mes
</select>
<br>
<br>
Comentarios sobre su satisfacción personal
<br>
<textarea cols="30" rows="7" name="comentarios"></textarea>
<br>
<br>
<input type="checkbox" name="recibir_info" checked>
Deseo recibir notificación de las novedades en las líneas de autobuses.
<br>
<br>
<input type="submit" value="Enviar formulario">
<br>
<br>
<input type="Reset" value="Borrar todo">
</form>

Para acabar, vamos a ver lo que recibirían por correo electrónico en la empresa de autobuses cuando un usuario cualquiera rellenase este formulario y pulsase sobre el botón de envio.

nombre=Federico Mijo Silvestre
email=fede@terramix.com
poblacion=Astorga, León
sexo=Varon
utilizacion=2
comentarios=No creo que sea una buena linea. Poner más autobuses.
recibir_info=on

Referencias:

Hemos publicado un taller de HTML con un formulario para valorar la página web. Muy sencillo y práctico. Puede ser interesante para afianzar estos conocimientos: Taller con formularios.

Además, también te recomendamos ver el videotutorial sobre formularios HTML, donde repasamos todo lo visto hasta el momento sobre la creación de formularios en páginas web.

Autor

Rubén Alvarez

Redactor de DesarrolloWeb.com

Comentarios

roverto

09/5/2003
¿Cómo modifico el color y la fuente de las letras en un boton?

RESPUESTA

Tenemos un manual que se llama Botones con estilo donde se informa sobre el estilo de los botones y sobre cómo crear botones de envío de formulario variados. Botones básicos, con estilos y con características dinámicas.

Meret

28/8/2004
Generalmente este tipo de sitios pecan de un defecto. El que las hace sabe mucho sobre programación etc...pero no sabe enseñar lo que sabe.
Desarrolloweb sin embargo destaca por lo didáctica que es. Muy buena. Una petición:
-un manual vuestro sobre dreamweaver mx estaría muy bien.
Un comentario sobre esta lección: Me ha llamado la atención un detalle en el código del formulario. Imagino que a muchos os dará igual.
Pero si en vez de value=varón pusiera value=macho os chocaría seguramente.
¿Qué tal si en vez de value=hembra ponemos value=mujer?

Juan Carlos

04/6/2005
Rubén Alvarez. Realmente eres un docente de alma... que pa' que yo lo entienda.
Felicitaciones y mil gracias. Un abrazo desde Salta – Argentina.

Chaves

16/9/2007
Cuando clickeo en "Enviar formulario", se me habre un correo, con las características del que se dice que debería llegaros, en Evolution (un "Ourtlock" para Linux).
Lo que me gustaría a mí sería que los datos fueran enviados automáticamente después de que el usuario pulsase el botón, de manera que no tuviese que hacer nada más. ¿Sería eso posible en HTML?

Félix Elbaile

02/10/2007
Estoy intentando hacer una pagina para que contacten conmigo y pongo
> en el código fuente esto:
> "<form action="mailto:fe...@iespana.esweb.com" method="post"
> enctype="text/plain">"
> pero no me funciona, que es lo que hago mal para que no funcione.
> Cuando
> hago Clic me sale la siguiente nota:
> "Este formulario se está enviando por correo electrónico. El envío de
> este formulario revelara su dirección de correo electrónico, y no
> cifrará la información del formulario como medida de privacidad. Puede
> continuar o cancelar el envío."
> Si acepto la me abre un eMail, pero no me lo envía representa que lo
> tengo que volver a redactar.
> No se si me explico pero si hay alguna duda ya me lo diréis.
> Mi pagina eshttp://felca.iespana.espor si queréis ver en el código
> fuente si hay un error. Esta pagina cuando consiga acabarla es para el
> Blog pero hecha por mi. Para aprender el html.

david

05/10/2007
ok si nos basamos en el ejemplo dle formulario que colocas, dime como puedo hacer si cuando despues de colocar todos los datos, doy click en enviar, y en vez de que me envie los datos a algun destino, sencillamente quiero que me salga la misma ventana del formulario, pero con los datos que ya se habian digitado en cada campo, sinq ue s epuedan modificar, y ahi si que el usuario escoja si guardarlos o ir atras. Necesito tu ayuda, lo unico ue no se como hacer, es como guardo los valores que digitaron en la primera pagina para que en la siguiente me lea esos mismos datos y colocarlos en los campo. Gracias, estare pendiente de tu ayuda

leidy

13/11/2007
hola a todos.despues de haber visto los comentarios .pienso q los que dicen q este manual no enseña mucho es bien b..... xq yo aprendi muchisimo con este manual. agradexco a la persona q lo hizo. saludos y muchos besos

DAvid

14/12/2007
Me gustaria saber como evitar que saltase el outlook para enviar el formulario,¿como se podría hacer?

enel

19/1/2008
hola hice el formulario como lo explica alli y lo subi a iespana pero cuando le doy enviar dice que debo entrar a panel de control y configurar los perfiles porq me dice eso...

me meti a otra pagina lo hice diferente y no me dice nada por favor respondan a mi correo

Isabel

20/2/2008
Hola a todos, necesito hacerles una pregunta, como puedo hacer para que el formulario me mande oculto con la instruccion <input type=hidden...
o que me redireccione el nombre del equipo de la persona que contesta el formulario.
Muchas gracias por su tiempo.

jennifer

23/2/2008
excelente, muchas gracias, se le adora!!!!

Jose Miguel

14/11/2008
Hola, espero me puedan orientar ya que mi formulario ya está todo armado pero no funciona, en lugar de que el boton haga que el archivo php procese los datos, al pulsar el boton enviar este me abre el archivo php, me sale la ventanita de que quiero hacer. guardar, abrir o cancelar, en lugar de enviar el correo, que estoy haciendo mal?

Sagit

30/11/2008
hola antes que nada, mando un afectuoso saludo a los administradores y usuarios de esta web..

bueno eh llegado hasta la creacion de formularios y pues estoy haciendo una pagina sencilla.. de la cual yo pueda enviar mensajes a correos.

y como ya tengo claro si kiero que un usuario me envie un comentario ami correo seria asi,

<form actio:mailto="mi.correo.com" method="post" enctype="text/plain">

ahora yo kiero enviar un correo a un usuario desde esa pagina ¿que atributo tendria que usar?
para que surgiera el efecto de enviar correo a cualkier usuario.. espero haya sido clara mi pregunta.. les agradesco su orientacion...,
esperando una respuesta de ustedes..

que esten bien cuidence un saludo a todo el foro.
atte
sagit

LuCHiTo

11/2/2009
Tengo una duda, el archivo html, lleva un archivo php no? cual seria ese archivo? esta aca en la web, si esta lo necesito :)

Das

14/4/2009
Comentario sobre varón y hembra
Las palabras varón y hembra pueden chocar si se ponen como opción. Es posible reivindicar la palabra "fémina", claramente descriptiva y equivalente a "varón". Está en el DRAE, es posible consultarlo en la Web. Las parejas de palabras, en este tema, podrían ser, según el caso: macho-hembra, por ejemplo para referirse a animales, varón-fémina, para seres humanos, y tal vez dependiendo de lo que evoquen estas palabras para los lectores de cada área del español. Más universal es sin duda hombre-mujer. En el español usado en Uruguay, donde se escribe esto, excluiría un poco a los niños y adolescentes. Hombre-mujer habla más bien de de personas adultas.
Excelente vuestro sitio. Hay un trabajo inmenso detrás. Felicitaciones.

Xiib

17/9/2009
Porque no se muestra el botón enviar en el siguiente código
Hola... Estoy siguiendo este tutorial con atención y he estado haciendo ejercicios de lo que se menciona aquí. He realizado un formulario cuyos campos input están dentro de celdas para darle cierto orden al momento de presentar la página. El caso es que si uso una etiqueta "textarea" antes de la etiqueta que contiene el atributo "submit" entonces al visualizar la página no se muestra el botón de envió pero si retiro la etiqueta "textarea" el botón de envió aparece normalmente. ¿Qué es lo que sucede?

Adjunto el código para que lo analicen

<html>
<head>
<title>formulario</title>
</head>
<body>

<table>
<form action="mailto un_correo@gmail.com" method="post">
<tr><td>Nombre</td><td><input type="text" name="Nombre"> <br><br></td></tr>
<tr><td>Apellido</td><td><input type="text" name="apellido"><br><br></td></tr>
<tr><td>Ciudad</td><td><input type="text" name="ciudad"><br><br></td></tr>
<tr><td>Apodo</td><td><input type="text" name="apodo"><br><br></td></tr>
<tr><td>Correo electrónico</td><td><input type="text" name="c_electronico"><br><br></td></tr>
<!--<tr><td>Comentario</td><td><textarea name="comentario" rows="10" cols="17"><br><br></td><br></tr>-->
<tr><td></td><td align="right"><input type="submit" value="enviar"></td></tr>
</form>
</table>
</body>
</html>

mikichavez

10/12/2009
problema al enviar
tengo un problema al enviar me sale esta ventana de error cmo puedo solucionarlo pls.
Outloock Express no se puede iniciar Outloock Express La Aplicacion no pudo abrir la apliaccion de mensaje .....

Ángel

11/12/2009
Formulario
Saludos!
En primer lugar, mis felicitaciones por vuestra excelente labor.

Y bueno, allá voy con mi pregunta...

¿Cómo se puede hacer, para que en vez de enviar el formulario al correo, lo envíe a otro archivo "html" o "php" o algo parecido?

Es que no sé cómo hacerlo para enviarlo sin necesidad de ir hacia el correo...
¿Es preciso utilizar bases de datos o algo parecido?

Muchas gracias de antemano!

Ernesto

26/3/2010
Envío de datos de un formulario
Hola, estoy creando un formulario, y creo que ya tengo todo, pero cuando hago la prueba, me sale el siguiente mensaje "...y no cifrará la información del formulario como medida de privacidad", desde Windows Internet Explorer; llegándome el correo a la dirección que le puse pero vacío. ¿Qué debo hacer?

Ignacio MM

04/4/2010
Problemas con el mailto
Segun he podido comprobar este apartado está mal planteado:

http://html.conclase.com/articulos/mailto


Dándole a enviar después de todo el código no servirá para recibirlo en nuestro correo... A ver si pasamos pronto a php todos.. xD

tania

15/4/2010
ps esta bien lo que dice este trabajo muy bien
ps esta bien lo que dice este trabajo muy bien me sir vio poco pero esta bien suban otro por favor

freno

11/5/2010
no se visualizan los botones de los formularios
Hola yo tengo un problemita con los botones de los formularios.<br />
Ya descubri porque pero no se como arreglarlo. si alguien me da una manito con esto se lo agradeceria mucho.<br />
El problema es este codigo que tengo en css: *{text-indent:0px ; margin:0px ; padding:0px ; border:0px} pero si lo quito se me descompagina toda la pagina.<br />
<br />
P/D:No la colgue todabia estoy en eso

freno

11/5/2010
no se visualizan los botones de los formularios
Hola yo tengo un problemita con los botones de los formularios.
Ya descubri porque pero no se como arreglarlo. si alguien me da una manito con esto se lo agradeceria mucho.
El problema es este codigo que tengo en css: *{text-indent:0px ; margin:0px ; padding:0px ; border:0px} pero si lo quito se me descompagina toda la pagina.

P/D:No la colgue todabia estoy en eso

Luis

09/6/2010
Congratulations(Felicidades)
muy buen articulo es de mucha ayuda

manuel

23/7/2010
no se si sepas sobre php
mira tengo un problema: tengo que pasar una un nombre a dos.php desde uno.html,pero cuando quiero pasar la variable que vino desde uno.html y esta en dos.php no se como hacer para pasarlo a tres.php la verdad que como lo pongo es mas complicado para mi .

Ivan POMA BACA

14/9/2010
YA probe
Cambie y puse mi correo... pero en mi bandeja de entrada no recibo nada de nada... me pide configurar outlook... pero nunca hice eso.
Gracias

Carola

25/10/2010
no me llegan los correos que tengo aml, ayudenme por favor
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>IMPRESORES INTEGRALES</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="images/estilos.css" rel="stylesheet" type="text/css">

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

//-->

</script>

</head>



<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="fondo" onLoad="MM_preloadImages('images/suministro_on.jpg')">

<table border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="right"><a href="index.htm"></a></td>

<td valign="bottom"><a href="http://www.impresoresintegrales.cl/index.htm"><img src="images/logoimpre.jpg" width="939" height="102" border="0"></a></td>

</tr>

</table></td>

</tr>

<tr>

<td align="right" class="arriba"><img src="images/punto.gif" width="100" height="4"></td>

</tr>

<tr>

<td width="938" height="376" align="center" valign="top" background="images/centro3.jpg">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="images/punto.gif" width="100" height="27"></td>

<td align="left" valign="top">&nbsp;</td>

</tr>

<tr>

<td width="17%" valign="top">

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="2"><img src="images/punto.gif" width="2" height="6"></td>

<td width="145" height="124" class="menu"> <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td height="24" align="right" nowrap class="menuizq"><a href="http://www.impresoresintegrales.cl/copiado.htm" class="menuizq">Impresiones

y Copias</a></td>
</tr>
<tr>
<td height="24" align="right" class="menuizq"><a href="http://www.impresoresintegrales.cl/plotter.htm" class="menuizq">Plotter</a></td>
</tr>
<tr>
<td height="24" align="right" class="menuizq">Termolaminado</td>
</tr>
<tr>
<td height="24" align="right" class="menuizq"><a href="http://www.impresoresintegrales.cl/encuadernacion.htm" class="menuizq">Encuadernaci&oacute;n</a></td>
</tr>
<tr>
<td height="24" align="right" class="menuizq">Fotocopias</td>
</tr>
<tr>
<td height="24" align="right" class="menuizq"><a href="http://www.impresoresintegrales.cl/servicios.htm" class="menuizq">Servicios</a></td>
</tr>
<tr>
<td height="24" align="right" class="menuizq"><a href="http://www.impresoresintegrales.cl/nuestraempresa.htm" class="menuizq">Nuestra

Empresa </a> </td>
</tr>
<tr>
<td height="24" align="right" class="menuizq"><a href="http://www.impresoresintegrales.cl/contacto.htm" class="menuizq">Contacto</a></td>
</tr>


</table> </td>

</tr>

</table>

<br></td>

<td width="83%" align="left" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td height="156" align="center" valign="bottom" class="titulosCopy"><img src="images/empre.jpg" width="440" height="156"></td>

<td width="35%" rowspan="3" align="center" valign="top">

<table width="222" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td><img src="images/punto.gif" width="50" height="12"></td>

</tr>

<tr>

<td class="textos"><img src="images/otro_arriba.jpg" width="223" height="4"></td>

</tr>

<tr>

<td background="images/otro_fondo.jpg" class="textos"><table width="192" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="201" height="35" valign="bottom"><img src="images/alregistrar.gif" width="192" height="21" vspace="3"></td>

</tr>

<tr>

<td height="19" class="textos">Podras enviarnos tus

archivos para impresion</td>

</tr>

<tr>

<td height="6" class="textos"><img src="images/otro_linea.gif" width="192" height="2" vspace="5"></td>

</tr>

<tr>

<td height="19" class="textos"> <p>Te mantendremos

informado de novedades y ofertas</p></td>

</tr>

<tr>

<td height="6" class="textos"><img src="images/otro_linea.gif" width="192" height="2" vspace="5"></td>

</tr>

<tr>

<td height="19" class="textos">Podras acceder a descuentos

solo para clientes</td>

</tr>

<tr>

<td height="6" class="textos"><img src="images/otro_linea.gif" width="192" height="2" vspace="5"></td>

</tr>

<tr>

<td height="45" valign="bottom" class="textos"><img src="images/noolvides.gif" width="174" height="23"></td>

</tr>

<tr>

<td height="19" class="textos">Imprimimos y copiamos

en casi todos los formatos y papeles, siempre con

la mejor calidad y un eficiente servicio.</td>

</tr>

<tr>

<td height="6" class="textos"><img src="images/otro_linea.gif" width="192" height="2" vspace="5"></td>

</tr>

<tr>

<td height="19" class="textos"> Contamos con WI-FI

y computadores a tu disposici&oacute;n.</td>

</tr>

<tr>

<td height="6"><img src="images/otro_linea.gif" width="192" height="2" vspace="5"></td>

</tr>

</table></td>

</tr>

<tr>

<td class="textos"><img src="images/otro_abajo.jpg" width="223" height="4"></td>

</tr>

<tr>

<td class="textos">&nbsp;</td>

</tr>

</table></td>

</tr>

<tr>

<td width="65%" align="center" class="titulos">Contacto</td>

</tr>

<tr>

<td width="65%" align="center" valign="top" class="textos"> <table border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="437" class="fondoTXT"> <table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td align="left" class="textos"><font size="2"><strong><img src="images/cuadrado.jpg" width="13" height="13" hspace="5" vspace="12" align="absmiddle" lowsrc="5">Cont&aacute;ctenos
<input type="hidden" name="code" value="232">
<input type="hidden" name="db" value="contacte">
<input type="hidden" name="source" value="Contactenos">
<input type="hidden" name="type" value="signup">
<input type="hidden" name="user_email_msg" value="none">
<input type="hidden" name="admin_email_addr" value="none">
<input type="hidden" name="redir" value="http://www.impresoresintegrales.cl">
<input type="hidden" name="formmissing" value="http://www.impresoresintegrales.cl//errordatos.htm">
<input type="hidden" name="formerror" value="http://www.impresoresintegrales.cl//error.htm">
</strong></font></td>
</tr>
<tr>
<td align="left" class="textos">
<form action="mailto:contacto@impresoresintegrales.cl" method="post" enctype="text/plain">
Nombre <input type="text" name="nombre" size="30" maxlength="100">
<br>
<br>
Apellido <input type="text" name="apellido" size="30" maxlength="100">
<br>
<br>
Email <input type="text" name="email" size="30" maxlength="100" value="@">
<br>
<br>
Teléfono <input type="text" name="telefono" size="30" maxlength="100">
<br>
<br>
Comentarios <textarea cols="30" rows="7" name="comentarios"></textarea>
<br>
<br>
<input type="submit" class="boton" value="Enviar formulario">
<br>
<br>
<input type="Reset" class="boton" value="Borrar todo">
</form>

</td>

</tr>

<tr>

<td align="left" class="textos">&nbsp;</td>

</tr>

</table></td>

</tr>

<tr>

<td width="437"><img src="images/abajo_txt.jpg" width="437" height="34"></td>

</tr>

</table></td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="center" valign="bottom" class="abajo">Avda Alonso de C&oacute;rdova

6055 (Costado Supermercado Lider) &nbsp; Las Condes&nbsp;&nbsp;&nbsp; Fono

201 3728 &nbsp;&nbsp;&nbsp;<a href="mailto:contacto@impresoresintegrales.cl">

<font color="#FFFFFF">contacto@impresoresintegrales.cl</font></a></td>

</tr>

<tr>

<td align="right"><img src="images/punto.gif" width="50" height="5"></td>

</tr>

<tr>

<td align="right"><img src="images/sombre2.jpg" width="937" height="35"></td>

</tr>

</table>
<!-- Código Analytics -->
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18912927-3']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

</body>

</html>

María

25/11/2010
GRACIAS
Muy bueno el artículo. Había encontrado varias páginas bastante completas pero a la hora de ponerlo en práctica, siempre fallaba algo
He seguido tus instrucciones y ahora tengo un formulario que funciona.
MUCHÍSMAS GRACIAS

dany

26/3/2011
Gracia
Esta parte me fue muy útil gracia

santiago

06/6/2011
agradecer
hola muchas gracias por sus post son muy buenos gracias a ustedes logre terminar mi formulario y ayudarme con mi pagina

ehios

08/6/2011
help
hi !!!!!
m lat la inf. q ponn pro como nvio la inf a otro archivo html??????????''''

pudiesen ayudarme ???
o tambien como jalar 1a base de datos en exel a html??????????'
plis !!!


es q no c como y es evaluacion

oscar

23/7/2011
No envia el formulario
Hola amigos, gracias por el formulario muy bueno, uso un foro de SMF y coloque el código y perfecto pero al momento de llenarlo la información no se va, se puede borrar todo pero el no envia la información me pueden ayudar en eso gracias me urge saber como hacerlo enviar.

cerebrito...

30/11/2011
no se me envian los mensajes directamente al correo
no se me envian los mensajes directamente al correo y estoy deseperada este es mi codigo: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Contacta con Nosotros</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_travel2.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
<style type="text/css">
<!--
.Estilo11 {font-size: 36px}
.Estilo1 { font-size: 14px;
font-weight: bold;
}
.Estilo12 {font-size: 14px}
.Estilo13 {
font-size: 12px;
font-weight: bold;
}
-->
</style>
</head>
<body bgcolor="#C0DFFD">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#3366CC">
<td colspan="2" rowspan="2" nowrap="nowrap"><img src="LOGOTIPO 3.png" width="208" height="156" /></td>
<td width="766" height="101" id="logo" valign="bottom" align="center" nowrap="nowrap"><span class="Estilo11">T&Eacute;CNICAS Y SERVICIOS HELLIN</span></td>
<td width="4">&nbsp;</td>
</tr>
<tr bgcolor="#3366CC">
<td height="53" id="tagline" valign="top" align="center">&nbsp;</td>
<td width="4">&nbsp;</td>
</tr>
<tr>
<td colspan="4" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>

<tr bgcolor="#CCFF99">
<td>&nbsp;</td>
<td colspan="3" id="dateformat" height="25"><div align="center"><a href="index.html">Home</a> ---- <a href="pagina1.html">Portatiles </a>---- <a href="materiales de oficina.html">Componentes</a> ------ <a href="Monitores.html">Monitores</a> ---- <a href="redes wifi1.html">Redes,Wifi</a> ------- <a href="contacta con nosotros.html">Contacta con Nostoros </a></div></td>
</tr>
<tr>
<td colspan="4" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td width="22">&nbsp;</td>
<td colspan="2" valign="top">&nbsp;
<p class="Estilo1">Si tiene alguna duda o pregunta porfavor contacte con nosotros y le responeremos a la menor brevedad posible Gracias </p>
<p align="right"><span class="Estilo1">Si tiene alguna averia y nos la quiere comunicar porfavor </span> <a href="Parte de Averia.html" class="Estilo1"><u>az click aqui </u></a></p>
<p></p>
<p align="center" class="Estilo1">o envianos un e-mail a: <a href="mailto:pih@hellin.com">pih@hellin.com</a></p>
<form id="form1" name="form1" method="post" action="">
<p>&nbsp;</p>
<p><span class="Estilo13">Nom.Cliente:
</span>
<input name="textfield" type="text" size="50" />
</p>
<p><span class="Estilo13">Domicilio:</span>
<input name="textfield2" type="text" size="50" maxlength="10" />
</p>
<p><span class="Estilo13">Población:</span>
<input name="textfield3" type="text" size="40" maxlength="10" />
</p>
<p><span class="Estilo13">Teléfono:</span>
<input type="text" name="textfield4" />
</p>
<p>&nbsp;</p>
<p align="center" class="Estilo13"><u>DESCRIPCI&Oacute;N DE LA AVERIA </u></p>
<p align="center">
<textarea name="textfield5" cols="60" rows="10"></textarea>
</p>
</form>
<div align="center">
<p>&nbsp;</p>
<p><a href="mailto:pih@hellin.com" class="Estilo12">Enviar Formulario</a></p>
<p>&nbsp;</p>
<p>
<input type="image" name="imageField" src="Parte de Averia_image002.jpg" />
</p>
<p><span class="Estilo1">T&Eacute;CNICAS Y SERVICIOS HELL&Iacute;N S.L.<br />
Escritora Carmen Mart&iacute;n Gaite, 2 Bajo<br />
Telf,/Fax 967305651 / 653893802 <br />
02400 HELLIN (Albacete</span><br />
&nbsp;<br />
</p>
</div></td>
<td width="4">&nbsp;</td>
</tr>

<tr>
<td width="22">&nbsp;</td>
<td width="186">&nbsp;</td>
<td width="766">&nbsp;</td>
<td width="4">&nbsp;</td>
</tr>
</table>
</body>
</html>

porfavor ayudarme¡¡¡

Fabianna

10/12/2011
Boton de envio
Hola, me mandaron a hacer un formulario, ya lo tengo hecho pero me piden que al final haya un boton que diga ENVIAR, y al hacer click en el me mande a otra pagina llamada "mensaje.html" la cual ya tengo lista tambien. Pero no se como hacer para que el boton haga esto, si me pueden ayudar!! Graciass

Mamen

22/12/2011
Aceptar un Aviso Legal antes de enviar el formulario
Hola a todos. Me gustaría saber cómo hago para que el botón de enviar esté primero desactivado. Aparezca un link a un Aviso Legal y tras leerlo y aceptarlo se active de nuevo el botón de enviar.

Muchas gracias a todos y Feliz Navidad

Gabriel

29/6/2012
El e-mail podría estar mejor
He descubierto que puedes obligar a poner un e-mail con este código:
<input type=email name="Lo que quieras">

Alonso

22/12/2012
problemas con formulario
estoy haciendo un formulario para venta de entradas y me gustaria saber si hay algun codigo que me permita saber al pedir las entardas el dinero resultante de la eleccion, por ejemplo si valen a 20? y compro 3 se reflejen 60?.
Gracias y felices fiestas.

miguel

23/3/2013
Duda de formularios
Tengo una pregunta. Que pasa si tengo un formulario en mi pagina web y quiero hacer que el primer formulario se envie a un correo, digamos "x", y que el siguiente se envie a otro correo distinto, digamos "y", y que el siguiente correo se envie a "x", y el siguiente correo se envie a "y"...
Como puedo hacer esto.

Lorenia Aguilera

28/4/2013
Duda
Estoy haciendo una pag. y es una hoja de comentarios/quejas asi como este y quiero saber que es lo que le falta a mi codigo para que el boton de enviar sirva, y la info. me la envie al sig. correo: black.stars@hotmail.com
Por favor, espero que me respondan lo mas pronto posible!
Gracias!

cristian david

04/7/2013
ayuda
como hacer para que cuando le demos al boton enviar nos salga si estamos seguros de enviar los datos o no

Iván

12/8/2013
Configurar formulario de contacto o reserva
Hola a todos!!

A través de la página http://www.suformulario.com podéis configurar formularios de contacto y reserva en unos segundos y sin necesidad de tener conocimientos en informática.

Recibiréis las inscripciones en vuestro correo electrónico y podréis descargarlas en forma de PDF o fichero excel.

Algunas empresas de turismo, hostelería, multiaventura y otros muchos servicios ya están usando formularios de contacto y reserva.

Por supuesto es totalmente gratuito.
Un saludo.

sakhi

16/12/2013
awesome
Esta Es la idea muy básica que debemos saber sobre El código HTML. Gracias por compartir la explicación detallada de cómo agregar el SUBMIT, el botón y el botón Actualizar ENVIAR etc por favor, tenga en la publicación de los productos alimenticios básicos baseic usted.

<a href="http://www.accountantco.com">accounting salary</a>

mary

18/12/2013
llenado de formulario con dos botones .
buenos dia , tengo un formulario de registro y contiene dos botones uno de envio y el otro contiene otro formulario donde este carga datos del registro principal al segundo formulario y luego editarse y volverse pdf debe estar desabilitado . como hago para que el segundo botonse habilite al llenar cierto campo y se vaya al otro formulario..

<form action="charlas.php?p=1" method="post" enctype="multipart/form-data" name="form">
<input type="submit" name="envia" value="guardar"/><br />
<!--habilitacion del boton y referencia del formulario ficha -->
<input type="button" id="envia" name="envia" value="visualizar" disabled="disabled"/><br />
<a href="visualizar.php"></a>
</form>

sakhi

20/1/2014
si
Gracias por darnos consejos para instalar un programa como mensaje Cast Server, de modo que su propia computadora, entonces el servidor SMTP y las instrucciones adicionales. Esto es realmente un post muy útil, gracias por la participación. Por favor, seguir compartiendo más y más datos aquí.

<a href="http://www.snoring-mouth-piece.com/snoring-aids/an-absolute-cure-for-snoring/">snore stop</a>

Compartir