Cómo crear un formulario para mi página web

Hace tiempo que no escribo ningún artículo sobre formularios, y mira que tengo unos cuantos pensados, pero aún no saco ganas (esta vez no es el tiempo el problema xD) para ponerme a programar en casa también. De todas formas quería dejar a modo de recopilatorio una lista con los artículos sobre formularios que he ido escribiendo en este tiempo, así para quien esté interesado/a le será más fácil encontrar lo que busca..

- PHP: Enviar formulario con mail()
Explicación básica de cómo colocar un formulario en una web y cómo conseguir enviar el contenido a nuestra dirección de email.
- PHP: Función mail() al detalle
Detalle del funcionamiento de la función mail() de php, función para enviar el contenido del formulario.
- PHP: Elegir a qué email enviar el formulario
Añadir a nuestros formularios la posibilidad de que el usuario elija entre un departamento u otro antes de enviar el email.
- Javascript: Ocultar/mostrar campos en un formulario
Conseguir con javascript, que al seleccionar una opción en el formulario, aparezca un campo adicional.
- PHP: Formulario recomienda a un amigo
El típico formulario que solemos encontrar en los laterales de las webs, con la función de poder enviar la página a un amigo como recomendación.
- Javascript & Dreamweaver: Validar formularios
Validar los campos que deseemos de nuestro formulario, para que obligue al usuario a rellenarlos si quiere enviar el mensaje.
- Formularios: Enviar Array de un select multiple
Hay datos que se nos complican al enviarlos, uno de ellos son los que surgen de un select multiple (al seleccionar varias opciones de un mismo campo, vamos) aquí os explico cómo conseguir que se envíen todos.
- Dale vida a tus formularios con LiveValidation
Una biblioteca javascript para validar de una forma sencilla los campos de tus formulario, y con un toque de vida!
- Haz más bonito tu formulario en sólo 4 pasos
Estilos predefinidos para tu formulario, en 4 pasos, consigue esos bordes redondeados para tus inputs que tan de moda están.

Y cuando el formulario se nos complica:

- ¿Por qué no funciona el formulario de mi web?
Hechale un vistazo a los errores más comunes a la hora de incorporar un formulario en tu web, si aún así no lo consigues solucionar, simplemente pregunta ^^
- Tokens, identificadores,.. los errores más comunes en php
En un formulario programado en php, siempre surge algún error de estos.. dichosos errores!

Espero que os sea de ayuda :D

31 pensamientos en “Cómo crear un formulario para mi página web

  1. Pingback: HTML: Crear un formulario estructurado, validado y accesible. | Jugando entre diseñadores

  2. ola soy cristian yo quiero como poner un reproductor de lista de música de windows media y comentarios para mi pagina pero que se vea mi miss pagina
    responde me lo mas rápido posible chauuuu……

  3. Nataly, hola buen dia, quisiera que me ayudes en un formulario sobre eso de Recomienda esta página, quieor que el visitante de mi web ponga la direccion de su correo y automatcamente se envie a todos sus contactos la direccion d emi web, t dejo mi correo para darte más datos quetalcorreo@hotmail.com, seguire entrando a este blog natali.. desde ya gracias por tu atención- henry

  4. hola nataly, bueno no tengo ningun codigo todavia, por eso queria saber si tienes algun modelo de eso, de recomienda esta página. que el usuario o visitante pueda poner su msn, y automaticamente se envien a sus contactosm, con alguna frace invitando a que entren a mi web, mm no se is me dejo entender, pero que sea parecido a eso o similar. si la tienes porfavor la publicas, que la necesito, gracias.

  5. je, nnatali disculpe ya la encontre, mm pero tengo un problema, no me visualiza en el xplorer, ya la subi a mi servidor y no me sale nada, y cuando voy en opcion ver codigo fuente me sale en blanco todo.. el error cual podrá ser? gracias.

  6. nataly he comprobado en los 2 navegadores en I.E me sale, erro no se puede encontrar pagina,, y en mozilla firefoz me sale en blanco la pagina, como si existiera peor no muestra nada, y mi server si soporta php, ahi hice el formulario de contacto, lo que te estoy diciendo es el problema de recomienda. (recomienda a un amigo), gracias spero su rpta.

  7. nataly, recibe un cordial saludo, sabes ya he solucionado eso, ahora tengo una duda, debo decirte que de php casi nada se estoy intetando comprederlo yo domino lo que es html, mire ahora tengo este problema o duda, he diseñado mi web mediante una plantilla hecha en fireworks y la he exportadoa dreanweaver hasta aho todo va bien, lo que quiero insertar es el formulario de contacto ami pagina que consta de un header ahi va mi logo,1 columna al costado izquierdo y otra al costado derecho, en el centro va el contenido de bienvenida todo eso.. en esta parte del centro quiero insertar el formulario de contacto como la que tienes… no se como hacerlo hay algun codigo para llamr a ese formulario ya que el formulario la tengo como escribeme.php en una pagina aparte, quiero saber como la muestro en elndex.php por que quiero que salga ahi en el centro…
    mediante frontpage en htm si la realice insertando un marco flotante y poniendolo como pagina inicial del marco flotante a http://www.miserver.escribeme.php ahi si me salia.. pero ahora esto con dreanweaver y quiero mostrar directamente el formulario (escribeme.php) en la pagina index.php. gracias nataly.

  8. hola antes que nada quiero felicitarte por tu blog y enserio que no me dejan de sorprender lo inteligentes que son las chicas en esto de la programacion, y tu se ve que sabes un buen ya que tienes un buen de comentarios y ya dejando un poco de haciendo la barba me podrias como agregar algo asi como de comentarios en mi blog creo que me seria util
    lo quiero poner en un costado de mi columna si kieres te invito a visitar mi blog http://botanicosizamal.blogspot.com/ para que veas que pretendo tener , es que puse uno pero no me funciona el codigo te digo que aun no se bien te suplico me ayudes plis y mil gracias

  9. hola apreciado amigo estoy interesado en crear en mi web u formulario integrado a una base de datos que le permita al usuario llenar el formulario y este le genere un certificado el cual se pueda descargar

  10. Hola:
    Por favor si me podrian indicar como crear comentarios que se publican inmediatamente, asi como ESTE formulario donde hago click en publicar comentario y se publica Automaticamente. Gracias.

  11. Pingback: Php: enviar formulario con mail () | Jugando entre diseñadores

  12. Hola necesito un ayuda tengo el Form que te agrego mas abajo y lo que necesito es que este PHP me llame a varios Formularios, ya que tengo varios clientes y que a su vez me mande una copai a mi mail, ah te cuento que esta bueno el blog y este PHP lo hiciste vos y me vino rebirn Gracias por Todo y espero que me puedas ayudar

    $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));

    }

  13. ahi va completo

    $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));

    }

    if (form_mail(“info@invitaargentina.com”, “ID 1″,

    “Los datos introducidos en el formulario son:\n\n”, “info@invitaargentina.com”))

    echo “Su formulario ha sido enviado con exito “;

    ?>

  14. hola oie para provar que los correos funcionen es necesario que la pagina ya este dada de alta es decir subida o se puede hacer local(esq no me llega ningun correo cuando presiono el boton enviar)

  15. Hola Natálí, no tienes pierde para entender lo que quiero, en sí, lo que quiero es brindar en mi página un servicio como este que tienes, Un formulario al pié de la página donde los comentarios publicados se visualizan arriba. Espero y me ayudes con ello. Saludos desde San Fernando, Tamaulipas.

  16. Hola n.n, bueno tengo una pregunta. Se puede crear una especie de formulario que este conectado a la web?.
    Veras lo que quiero es lo siguiente.
    1.- ahorrarme el crear nuevas subpaginas al subir archivos a mi web.
    Quiero que a partir de un formulario yo ponga por ejemplo:

    (titulo)

    (foto) (descripcion)

    (link de descarga)

    y al dar click a enviar esta informacion se publique en mi web automaticamente, en una nueva subpagina y en la seccion de “ultimas actualizaciones” de mi web.
    Ademas quiero que solo los adm de la pagina tengan acceso a dicha aplicación.

    No se si sea posible crear algo parecido. Si si se puede me podrias ayudar con ese detalle porfa.

    Gracias.

    info@elcafedetom.hostei.com

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>