InicioTutoriales en la webContáctanosRecomiendanos un tutorial
PostsComentarios
Tutoriales en la Web
InicioDesarrollo Web
GimpGoogleHTML y CSSHTML5JqueryLinuxProgamas 3DVideosWeb Design
ActionscriptAjaxDreamweaverPhp
WordpressFlashActionscript y másIllustratorillustratorPhotoshopPhotoshop
3DCursosDibujoDiseñoEfectosGraffitiHerramientas y trucos
RecursosTemplates, Descargas
After EffectsAnime
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
1 de 37 09/05/2013 03:58 p.m.
0
BrushesclipartCSSebooksfondosFontsGifs animadosGraffitiIconosJoomlaPSDStock de FotosTemplate MonsterTexturasVectoreswallpapersWordpress
SwishmaxAnimación
Formulario con Dreamweaver y PHP (incluye examinar y .send)
Posteado el 27. Apr, 2010 por Webi in Desarrollo Web, Dreamweaver, Php, Web Design
Me gusta A 5 personas les gusta esto. Regístratepara ver qué les gusta a tus amigos.
PASO 1
Crear un documento nuevo HTML en Adobe Dreamweaver.
Anuncios Google ► PHP mail ► Dreamweaver PHP ► File upload PHP ► PHP and MySQL
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
2 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 2
Vamos a la barra Insert – pestaña Forms y vamos a la opción Form.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
3 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 3
Nos aparecerá la ventana de Tag Editor – form y aplicamos los valores que se ven en la imagen.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
4 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 4
Ahora entre el form que acabamos de crear vamos a insertar una tabla para empezar a diseñar nuestro formulario, para estovamos a la barra Insert – Pestaña Common – Opción Table.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
5 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 5
Nos aparecerá la ventana Table y vamos a agregar las columnas y filas que necesitemos.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
6 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 6
Dentro de la tabla coloque los nombres de las opciones que voy a utilizar esto puede variar en cualquier momento.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
7 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 7
Vamos a la primera celda junto al Nombre y apellido, y vamos a agregar el primer campo de nuestro formulario, para estecaso vamos a utilizar un Text Field en la barra Insert – pestaña Forms – opción Text Field.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
8 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 8
Nos aparecera la tabla Input Tag Accessibility Attributes y en la opción ID: colocamos el nombre del campo en este caso es:“nombre” y dejamos los valores que vienen por defecto.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
9 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 9
Ahora vamos a la segunda fila aquí vamos a insertar un radio Group ya que vamos a dar varias opciones para que elijan deellas solo una. Vamos a la barra Insert – Pestaña Forms – Opción
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
10 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 10
En la ventana Radio Group vamos a cambiar los valores como deseemos.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
11 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 11
Vamos a la fila 3 y aquí vamos a colocar la opción de Check Box para que puedan elegir más de una opción. Vamos a laBarra Insert – Pestaña Forms – Opción Check Box.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
12 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 12
En la ventana Input Tag Accessibility Attributes vamos a colocar los valores que se adecuen a sus necesidades. Insertamostodas las check box que necesitemos. Opcion
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
13 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 13
Ahora vamos a la cuarta fila y en este caso vamos a insertar una lista, entonces vamos a la barra Insert – pestaña Forms –Opción List / Menu.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
14 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 14
En la ventana Input Tag Accessibility Attributes vamos a colocar los valores que se ven en la imagen.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
15 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 15
Seleccionamos el campo list / menu que acabamos de crear y vamos a la ventana properties y en el botón List Values…vamos a colocar la lista de países que aparecerán en el menú.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
16 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 16
Ahora vamos a la quinta fila y en este caso vamos a agregar un Tex Area. Vamos a la barra Insert – pestaña Forms – OpciónTexarea.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
17 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 17
En la ventana Input Tag Accessibility Attributes colocamos los valores que se ven en la imagen.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
18 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 18
Por ultimo nos colocamos en la seta fila y vamos a la barra Insert – Pestaña forms – opción File Field.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
19 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 19
Aplicamos loa valores que se ven en la imagen.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
20 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 20
Ahora en la ultima fila vamos a insertar un Button vamos a la barra Insert – Pestaña Forms – Opción Button.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
21 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 21
En la ventana Input Tag Accessibility Attributes colocamos los valores que se ven en la imagen.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
22 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 22
En la ventana Properties nos da la opción de colocarle nombre a nuestro botón y la acción que va a realizar, en este casoenviar.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
23 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 23
Ahora vamos a crear un nuevo documento PHP y vamos a colocar el siguiente código dentro de el.
Code block
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <?php function form_mail($sPara, $sAsunto, $sTexto, $sDe) { $bHayFicheros = 0; $sCabeceraTexto = ""; $sAdjuntos = ""; if ($sDe)$sCabeceras = "From:".$sDe."\n";
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
24 de 37 09/05/2013 03:58 p.m.
else $sCabeceras = ""; $sCabeceras .= "MIME-version: 1.0\n"; foreach ($_POST as $sNombre => $sValor) $sTexto = $sTexto."\n".$sNombre." = ".$sValor; foreach ($_FILES as $vAdjunto) { if ($bHayFicheros == 0) { $bHayFicheros = 1; $sCabeceras .= "Content-type: multipart/mixed;"; $sCabeceras .= "boundary=\"--_Separador-de-mensajes_--\"\n"; $sCabeceraTexto = "----_Separador-de-mensajes_--\n"; $sCabeceraTexto .= "Content-type: text/plain;charset=iso-8859-1\n"; $sCabeceraTexto .= "Content-transfer-encoding: 7BIT\n"; $sTexto = $sCabeceraTexto.$sTexto; } if ($vAdjunto["size"] > 0) { $sAdjuntos .= "\n\n----_Separador-de-mensajes_--\n"; $sAdjuntos .= "Content-type: ".$vAdjunto["type"].";name=\"".$vAdjunto["name"]."\"\n";; $sAdjuntos .= "Content-Transfer-Encoding: BASE64\n"; $sAdjuntos .= "Content-disposition: attachment;filename=\"".$vAdjunto["name"]."\"\n\n"; $oFichero = fopen($vAdjunto["tmp_name"], 'r'); $sContenido = fread($oFichero, filesize($vAdjunto["tmp_name"])); $sAdjuntos .= chunk_split(base64_encode($sContenido)); fclose($oFichero); } } if ($bHayFicheros) $sTexto .= $sAdjuntos."\n\n----_Separador-de-mensajes_----\n"; return(mail($sPara, $sAsunto, $sTexto, $sCabeceras)); } //cambiar aqui el email if (form_mail("[email protected]", "Formulario de contacto", "Los datos introducidos en el formulario son:\n\n", "[email protected]")) echo "Su formulario ha sido enviado con exito <meta http-equiv='refresh' content='2; url=index.html' >";
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
25 de 37 09/05/2013 03:58 p.m.
?> </body> </html>
Guardamos nuestro documento con el nombre de enviar.php ya que ese nombre fue el que utilizamos al empezar nuestroformulario.
Formulario con Dreamweaver y PHP
PASO 24
En las ultimas líneas les deje un coment en color amarillo que dice cambiar aquí el email, justo debajo de eso cambiamos elmail al cual va dirigido y el nombre del formulario.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
26 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
PASO 25
FINAL
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
27 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
Descarga el editable de Formulario con Dreamweaver y PHP
Respuesta a la pregunta de Sabri, Mario y Doris.
PASO 1
Abrimos el documento de enviar.php en Dreamweaver y copiamos el siguiente código PHP despues de la etiequeta <?php
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
28 de 37 09/05/2013 03:58 p.m.
Formulario con Dreamweaver y PHP
Code block
$elemail = $_POST['email'];$encabezado="De: $elnombre<$email>\n";
PASO 2Vamos a la penultima línea y sustituimos nuestro email por el siguiente código php.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
29 de 37 09/05/2013 03:58 p.m.
Twittear 0
Formulario con Dreamweaver y PHP
Code block
$elemail
listo con esto tenemos solucionado el problema.
Descaga el archivo PHP aquí
Articulos relacionados:
Me gusta A 5 personas les gusta esto. Regístratepara ver qué les gusta a tus amigos.
Anuncios Google
► PHP Coding Tutorials► Wordpress PHP► PHP website Design
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
30 de 37 09/05/2013 03:58 p.m.
Tags: Php
Remote desktop connection Deducciones Jquery Un Radio
Refreshing Refresh Connect To Connecting Connect
60 Respuestas para “Formulario con Dreamweaver y PHP (incluye examinar y .send)”
mara
27. Jun, 2012
Te dejo una consulta, el formulario funciona re bien, pero quiera saber si se puede modificar el campo De:Recibo los correos como si vinieran de la misma casilla que los recibe, no se si me explico…Gracias!!!
1.
Mara
27. Jun, 2012
esto que me marca tendrá que ver?
function form_mail($sPara, $sAsunto, $sTexto, $sDe)
{
2.
Enoc Arce
14. Jul, 2012
Yo quiero calcular el salario de un trabajador lugo de sus deducciones pero no se como hacerlo. necesito que el ususarioingrese los datos y el PHP hagas los calculos
3.
Augusto
06. Oct, 2012
Hola, me sale un erro, dice lo siguiente: Warning: mail() [function.mail]: Failed to connect to mailserver at “localhost”port 25, verify your “SMTP” and “smtp_port” setting in php.ini or use ini_set() in C:\xampp\htdocs\FisicaIII\enviar.php on line 89 , la linea 89 dice: return(mail($sPara, $sAsunto, $sTexto, $sCabeceras));
4.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
31 de 37 09/05/2013 03:58 p.m.
cual es la falla?, gracias
elgax
27. Oct, 2012
no me funciono ni tantito, a la hora de mandar el formulario. me manda a una pagina con el código php escrito y luegome redirecciona al index…
5.
Linda
08. Feb, 2013
Hola, el formulario funciona perfecto, pero tengo preguntas. estoy creando un sitio web en wordpress el formularioque hice es para que realizar los pedidos de personal por que la pagina web trata sobre una agencia de empleos. Lapregunta es como hago para que el formulario de contacto salga cuando haga clic en botón de pedidos. Espero surespuesta.Saludos
6.
luis montoya
16. Mar, 2013
el documento está excelente sin embargo lo que más necesitaba aprender es hacer el archivo enviar.php, ya no estadisponible?
7.
carlos
17. Mar, 2013
buenas tardes ya hice mi formulario en html pero no lo puedo configurar en php me podrias ayudar te mando el codigode mi formulario gracias.
Nombre de Empresa o Negocio:
Se necesita un valor.No se cumple el mínimo de caracteres requerido.
Nombre (s):
No se cumple el mínimo de caracteres requerido.Se necesita un valor.
8.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
32 de 37 09/05/2013 03:58 p.m.
Apellidos:
No se cumple el mínimo de caracteres requerido.Se necesita un valor.
Calle y Numero:
No se cumple el mínimo de caracteres requerido.Se necesita un valor.
Telefono (10 digitos):
Formato no válido.No se cumple el mínimo de caracteres requerido.Se ha superado el número máximo decaracteres.Se necesita un valor.
Ciudad:
Se necesita un valor.
Estado
No se cumple el mínimo de caracteres requerido.Se necesita un valor.
Codigo Postal:
No se cumple el mínimo de caracteres requerido.Formato no válido.Se necesita un valor.
Correo Electronico:
Formato no válido.Se necesita un valor.
mensaje
Se ha superado el número máximo de caracteres.
SANDY
22. Mar, 2013
hola, el formulario me funcionó perfecto, solo quisiera saber ¿cómo puedo hacer un botón más que diga “limpiar” paraque me deje de nuevo en blanco todos los campos a llena?
9.
m carmen
03. Apr, 2013
Hola, debo de ser la tía mas torpe del mundo.Lo he intentado un montón de veces de mil maneras y sin resultado. Llevo 2 semanas R q R y no he conseguido nada !.Bueno si, pero que el formulario llegue a mi e-mail imposible y como ultimo recurso… pido humildemente una mano
10.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
33 de 37 09/05/2013 03:58 p.m.
para ver si da resultado. Mi contacto va en el formulario.Un millón de gracias !
« Older Comments
Deja tu Comentario
Tutoriales en la web se reserva el derecho de moderación de los comentarios. Evita por favor utilizar palabras soeces, ataquesdirectos e insultos, de lo contrario tu comentario será eliminado.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
34 de 37 09/05/2013 03:58 p.m.
Search for:
Tutoriales en la web
Me gusta
A 1.853 personas les gusta Tutoriales en la web.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
35 de 37 09/05/2013 03:58 p.m.
Categorias
3D (23)Actionscript (2)After Effects (1)Ajax (23)Anime (4)Brushes (40)clipart (1)CSS (3)Cursos (1)Desarrollo Web (72)Dibujo (21)Diseño (25)Dreamweaver (11)ebooks (8)Efectos (118)Flash (26)fondos (102)Fonts (14)Gifs animados (1)Gimp (14)Google (21)Graffiti (2)Graffiti (3)Herramientas y trucos (9)HTML y CSS (34)HTML5 (15)Iconos (162)Illustrator (38)Joomla (65)Jquery (22)Linux (5)Photoshop (186)Php (2)Progamas 3D (5)PSD (41)Recursos (2338)Stock de Fotos (279)Swishmax (135)Template Monster (2)Texturas (21)Vectores (4948)Videos (1)wallpapers (13)Web Design (18)
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
36 de 37 09/05/2013 03:58 p.m.
Wordpress (182)Wordpress (17)
PopularComentariosTags
Efecto mosaicos Photoshop
Vectores CD Cover Portada de CD
iCloud
Vectores Labels Etiquetas
Vectores Children Stuff Icons Iconos Cosas de Niños
Tags
3D Animaciones Brushes Brushes Photoshop CSS css3 Dibujo Doodle 4 Google Dreamweaver ebook Efectos photoshop eps Flash
fondos Fonts Gimp Google halloween html5 Iconos iconos 3d Illustrator jQuery logos navidad Photoshop photoshop CS5 psd
Recursos san valentin Stock de Fotos stock vector swish Swishmax template joomla templatewordpress texturas Tutoriales Flash Tutoriales Gimp Tutoriales Illustrator Tutoriales Photoshop Tutoriales Swishmax valentines day
Vectores wallpapers
Acerca de
Tutoriales en la web es un proyecto creado por hispanos para hispanos. Sabemos que muchos tutoriales que encontramos enla actualidad se encuentran en otros idiomas y nosotros nos daremos a la tarea de buscarlos y traducirlos con el fin decompartir estos conocimientos con todos los que hablamos español.
© -0001 Tutoriales en la Web. Todos los Derechos Reservados.
Powered by Wordpress.
Formulario con Dreamweaver y PHP | Tutoriales en la Web http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...
37 de 37 09/05/2013 03:58 p.m.