Formulario Con Dreamweaver y PHP _ Tutoriales en La Web

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


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.


3 de 37 09/05/2013 03:58 p.m.


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.


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.


5 de 37 09/05/2013 03:58 p.m.


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.


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.


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.


8 de 37 09/05/2013 03:58 p.m.


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.


9 de 37 09/05/2013 03:58 p.m.


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


10 de 37 09/05/2013 03:58 p.m.


PASO 10

En la ventana Radio Group vamos a cambiar los valores como deseemos.


11 de 37 09/05/2013 03:58 p.m.


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.


12 de 37 09/05/2013 03:58 p.m.


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


13 de 37 09/05/2013 03:58 p.m.


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.


14 de 37 09/05/2013 03:58 p.m.


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.


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ú.


16 de 37 09/05/2013 03:58 p.m.


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.


17 de 37 09/05/2013 03:58 p.m.


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.


PASO 18

Por ultimo nos colocamos en la seta fila y vamos a la barra Insert – Pestaña forms – opción File Field.


19 de 37 09/05/2013 03:58 p.m.


PASO 19

Aplicamos loa valores que se ven en la imagen.


20 de 37 09/05/2013 03:58 p.m.


PASO 20

Ahora en la ultima fila vamos a insertar un Button vamos a la barra Insert – Pestaña Forms – Opción Button.


21 de 37 09/05/2013 03:58 p.m.


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.


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.


23 de 37 09/05/2013 03:58 p.m.


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";


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' >";


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.


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.


26 de 37 09/05/2013 03:58 p.m.


PASO 25

FINAL


27 de 37 09/05/2013 03:58 p.m.


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


28 de 37 09/05/2013 03:58 p.m.


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.


29 de 37 09/05/2013 03:58 p.m.

Twittear 0


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


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.


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.


32 de 37 09/05/2013 03:58 p.m.

Apellidos:


Calle y Numero:


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


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.


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.


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.


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)


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.


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

Documents

Formulario Con Dreamweaver y PHP _ Tutoriales en La Web