{"id":37,"date":"2024-08-13T18:55:51","date_gmt":"2024-08-13T18:55:51","guid":{"rendered":"https:\/\/bitacora.lado.mx\/?p=37"},"modified":"2024-08-13T18:55:51","modified_gmt":"2024-08-13T18:55:51","slug":"la-evolucion-del-formulario-de-contacto","status":"publish","type":"post","link":"https:\/\/bitacora.lado.mx\/index.php\/2024\/08\/13\/la-evolucion-del-formulario-de-contacto\/","title":{"rendered":"La evoluci\u00f3n del Formulario de Contacto"},"content":{"rendered":"\n

En este art\u00edculo daremos a conocer c\u00f3mo evoluciona un formulario de contacto al paso del tiempo, esta es una percepci\u00f3n personal de c\u00f3mo han cambiado el c\u00f3digo un formulario simple al paso del tiempo, desde un c\u00f3digo HTML a otro diferente.<\/p>\n\n\n\n

Cuando se realiz\u00f3 HTML en su versi\u00f3n 2, se vio profundamente lo del crear formularios para tener una comunicaci\u00f3n con \u00e9l quien est\u00e1 como usuario de navegador y el quien cre\u00f3 la p\u00e1gina, ya sea de manera personal o profesional. Por eso fue importante el crear etiquetas para capturar datos como lo fu\u00e9 INPUT.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

En este formulario env\u00eda los datos con ayuda de un script CGI al servidor para procesarlos. Usando el m\u00e9todo POST para que sea un env\u00edo \u201cseguro\u201d.<\/p>\n\n\n\n

Al paso del tiempo, cuando en las computadoras tiene un cliente de correo instalado, se puede usar este c\u00f3digo:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

La diferencia es el destino del formulario, el cual ya se ocupa directamente a una direcci\u00f3n de correo electr\u00f3nico. Provocando que en esta computadora abra el cliente de correo y rellene previamente los datos de este formulario.<\/p>\n\n\n\n

Obviamente esto no siempre pasa as\u00ed, ya que si no se configur\u00f3 previamente el cliente de correo, no se dar\u00e1n los resultados deseados, al menos no de forma inmediata a comparaci\u00f3n del formulario que env\u00eda los datos a un servidor que tenga un script CGI.<\/p>\n\n\n\n

Aqu\u00ed ya se establece la necesidad de enviar un correo, dependiendo de recursos externos como un servidor web, en este caso ejecutando scripts en CGI para el env\u00edo de un correo.<\/p>\n\n\n\n

Al paso del tiempo se llegaron a validar los datos del formulario, en este caso podemos verlo con un formulario con m\u00e9todo POST a un archivo PHP.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n

Este script de PHP valida cada campo que se captur\u00f3, que no est\u00e9 vac\u00edo, y al final se env\u00eda directamente por correo electr\u00f3nico a ese destinatario. Adem\u00e1s funciona con un servidor previamente instalado y de ah\u00ed ejecuta la funci\u00f3n mail() que funciona para el env\u00edo del correo. <\/p>\n\n\n\n

Al paso del tiempo se han perfeccionado este tipo de formularios, en el caso con HTML5 se presentaron validaciones a nivel navegador, no cambia mucho el funcionamiento, pero al validar a nivel navegador funciona muy bien para el usuario com\u00fan.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Ahora al paso de los a\u00f1os, se realizan diferentes formas de crear formularios, en este caso usando JavaScript y llamando a un script en PHP:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n

Al paso del tiempo este tipo de formularios se perfeccionan a necesidad del cliente, pero tambi\u00e9n a necesidad del navegador y el servidor. El prop\u00f3sito de esta publicaci\u00f3n es para ver que se pueden dar el mismo resultado con una diferente construcci\u00f3n del c\u00f3digo, y si, (al final) es el mismo formulario.<\/p>\n","protected":false},"excerpt":{"rendered":"

En este art\u00edculo daremos a conocer c\u00f3mo evoluciona un formulario de contacto al paso del tiempo, esta es una percepci\u00f3n personal de c\u00f3mo han cambiado el c\u00f3digo un formulario simple al paso del tiempo, desde un c\u00f3digo HTML a otro diferente. Cuando se realiz\u00f3 HTML en su versi\u00f3n 2, se vio profundamente lo del crear […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-37","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/bitacora.lado.mx\/index.php\/wp-json\/wp\/v2\/posts\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitacora.lado.mx\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bitacora.lado.mx\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bitacora.lado.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bitacora.lado.mx\/index.php\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":1,"href":"https:\/\/bitacora.lado.mx\/index.php\/wp-json\/wp\/v2\/posts\/37\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/bitacora.lado.mx\/index.php\/wp-json\/wp\/v2\/posts\/37\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/bitacora.lado.mx\/index.php\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bitacora.lado.mx\/index.php\/wp-json\/wp\/v2\/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bitacora.lado.mx\/index.php\/wp-json\/wp\/v2\/tags?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}