Você está na página 1de 37

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Inicio Tutoriales en la web Contctanos Recomiendanos un tutorial Posts Comentarios

Tutoriales en la Web

Inicio Desarrollo Web Gimp Google HTML y CSS HTML5 Jquery Linux Progamas 3D Videos Web Design Actionscript Ajax Dreamweaver Php Wordpress Flash Actionscript y ms Illustrator illustrator Photoshop Photoshop 3D Cursos Dibujo Diseo Efectos Graffiti Herramientas y trucos Recursos Templates, Descargas After Effects Anime

1 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Brushes clipart CSS ebooks fondos Fonts Gifs animados Graffiti Iconos Joomla PSD Stock de Fotos Template Monster Texturas Vectores wallpapers Wordpress Swishmax Animacin
Anuncios Google

PHP mail

Dreamweaver PHP

File upload PHP

PHP and MySQL

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. Regstrate para ver qu les gusta a tus amigos.

PASO 1 Crear un documento nuevo HTML en Adobe Dreamweaver.

2 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario

con Dreamweaver y PHP

PASO 2 Vamos a la barra Insert pestaa Forms y vamos a la opcin Form.

3 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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.

4 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 4 Ahora entre el form que acabamos de crear vamos a insertar una tabla para empezar a disear nuestro formulario, para esto vamos a la barra Insert Pestaa Common Opcin Table.

5 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 5 Nos aparecer la ventana Table y vamos a agregar las columnas y filas que necesitemos.

6 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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.

7 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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 este caso vamos a utilizar un Text Field en la barra Insert pestaa Forms opcin Text Field.

8 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 8 Nos aparecera la tabla Input Tag Accessibility Attributes y en la opcin ID: colocamos el nombre del campo en este caso es: nombre y dejamos los valores que vienen por defecto.

9 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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 de ellas solo una. Vamos a la barra Insert Pestaa Forms Opcin

10 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 10 En la ventana Radio Group vamos a cambiar los valores como deseemos.

11 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 11 Vamos a la fila 3 y aqu vamos a colocar la opcin de Check Box para que puedan elegir ms de una opcin. Vamos a la Barra Insert Pestaa Forms Opcin Check Box.

12 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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. Insertamos todas las check box que necesitemos. Opcion

13 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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 pestaa Forms Opcin List / Menu.

14 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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.

15 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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 botn List Values vamos a colocar la lista de pases que aparecern en el men.

16 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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 pestaa Forms Opcin Texarea.

17 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 17 En la ventana Input Tag Accessibility Attributes colocamos los valores que se ven en la imagen.

18 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 18 Por ultimo nos colocamos en la seta fila y vamos a la barra Insert Pestaa forms opcin File Field.

19 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 19 Aplicamos loa valores que se ven en la imagen.

20 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 20 Ahora en la ultima fila vamos a insertar un Button vamos a la barra Insert Pestaa Forms Opcin Button.

21 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 21 En la ventana Input Tag Accessibility Attributes colocamos los valores que se ven en la imagen.

22 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 22 En la ventana Properties nos da la opcin de colocarle nombre a nuestro botn y la accin que va a realizar, en este caso enviar.

23 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 23 Ahora vamos a crear un nuevo documento PHP y vamos a colocar el siguiente cdigo dentro de el. Code block
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <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"; /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

24 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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("webi@tutorialesenlaweb.com", "Formulario de contacto", "Los datos introducidos en el formulario son:\n\n", "webi@tutorialesenlaweb.com")) echo "Su formulario ha sido enviado con exito <meta http-equiv='refresh' content='2; url=index.html' >";

25 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

?> </body> </html>

Guardamos nuestro documento con el nombre de enviar.php ya que ese nombre fue el que utilizamos al empezar nuestro formulario.

Formulario con Dreamweaver y PHP PASO 24 En las ultimas lneas les deje un coment en color amarillo que dice cambiar aqu el email, justo debajo de eso cambiamos el mail al cual va dirigido y el nombre del formulario.

26 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP PASO 25 FINAL

27 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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 cdigo PHP despues de la etiequeta <?php

28 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP Code block


$elemail = $_POST['email']; $encabezado="De: $elnombre<$email>\n";

PASO 2 Vamos a la penultima lnea y sustituimos nuestro email por el siguiente cdigo php.

29 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Formulario con Dreamweaver y PHP Code block


$elemail

listo con esto tenemos solucionado el problema. Descaga el archivo PHP aqu

Anuncios Google

PHP Coding Tutorials Wordpress PHP PHP website Design

Articulos relacionados:

Twittear

Me gusta

A 5 personas les gusta esto. Regstrate para ver qu les gusta a tus amigos.

30 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Tags: Php
Remote desktop connection Refreshing Refresh Deducciones Connect To Jquery Connecting Un Radio Connect

60 Respuestas para Formulario con Dreamweaver y PHP (incluye examinar y .send)

1. 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!!!

2. Mara
27. Jun, 2012

esto que me marca tendr que ver? function form_mail($sPara, $sAsunto, $sTexto, $sDe) {

3. 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 ususario ingrese los datos y el PHP hagas los calculos

4. 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));

31 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

cual es la falla?, gracias

5. elgax
27. Oct, 2012

no me funciono ni tantito, a la hora de mandar el formulario. me manda a una pagina con el cdigo php escrito y luego me redirecciona al index

6. Linda
08. Feb, 2013

Hola, el formulario funciona perfecto, pero tengo preguntas. estoy creando un sitio web en wordpress el formulario que hice es para que realizar los pedidos de personal por que la pagina web trata sobre una agencia de empleos. La pregunta es como hago para que el formulario de contacto salga cuando haga clic en botn de pedidos. Espero su respuesta. Saludos

7. luis montoya
16. Mar, 2013

el documento est excelente sin embargo lo que ms necesitaba aprender es hacer el archivo enviar.php, ya no esta disponible?

8. 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 codigo de mi formulario gracias. Nombre de Empresa o Negocio: Se necesita un valor.No se cumple el mnimo de caracteres requerido. Nombre (s): No se cumple el mnimo de caracteres requerido.Se necesita un valor.

32 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Apellidos: No se cumple el mnimo de caracteres requerido.Se necesita un valor. Calle y Numero: No se cumple el mnimo de caracteres requerido.Se necesita un valor. Telefono (10 digitos): Formato no vlido.No se cumple el mnimo de caracteres requerido.Se ha superado el nmero mximo de caracteres.Se necesita un valor. Ciudad: Se necesita un valor. Estado No se cumple el mnimo de caracteres requerido.Se necesita un valor. Codigo Postal: No se cumple el mnimo de caracteres requerido.Formato no vlido.Se necesita un valor. Correo Electronico: Formato no vlido.Se necesita un valor. mensaje

Se ha superado el nmero mximo de caracteres.

9. SANDY
22. Mar, 2013

hola, el formulario me funcion perfecto, solo quisiera saber cmo puedo hacer un botn ms que diga limpiar para que me deje de nuevo en blanco todos los campos a llena?

10. m carmen
03. Apr, 2013

Hola, debo de ser la ta mas torpe del mundo. Lo he intentado un montn 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

33 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

para ver si da resultado. Mi contacto va en el formulario. Un milln de gracias ! Older Comments

Deja tu Comentario

Tutoriales en la web se reserva el derecho de moderacin de los comentarios. Evita por favor utilizar palabras soeces, ataques directos e insultos, de lo contrario tu comentario ser eliminado.

34 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Search for:

Tutoriales en la web
Me gusta A 1.853 personas les gusta Tutoriales en la web.

35 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

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) Diseo (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)

36 de 37

09/05/2013 03:58 p.m.

Formulario con Dreamweaver y PHP | Tutoriales en la Web

http://www.tutorialesenlaweb.com/2010/04/formulario-con-dreamweaver...

Wordpress (182) Wordpress (17) Popular Comentarios Tags

Efecto mosaicos Photoshop Vectores CD Cover Portada de CD iCloud Vectores Labels Etiquetas Vectores Children Stuff Icons Iconos Cosas de Nios

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 template
wordpress 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 en la actualidad se encuentran en otros idiomas y nosotros nos daremos a la tarea de buscarlos y traducirlos con el fin de compartir estos conocimientos con todos los que hablamos espaol.

-0001 Tutoriales en la Web. Todos los Derechos Reservados. Powered by Wordpress.

37 de 37

09/05/2013 03:58 p.m.

Você também pode gostar