{"id":5534,"date":"2015-11-10T23:03:11","date_gmt":"2015-11-11T02:03:11","guid":{"rendered":"http:\/\/betaweblog.education\/wp\/?p=5371"},"modified":"2015-11-10T23:03:11","modified_gmt":"2015-11-11T02:03:11","slug":"mi-primer-formulario-simple-pero-inutil","status":"publish","type":"post","link":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2015\/11\/10\/mi-primer-formulario-simple-pero-inutil\/","title":{"rendered":"Mi primer formulario: simple pero in\u00fatil"},"content":{"rendered":"

Crear un formulario completamente en HTML es bastante sencillo, aunque no es muy \u00fatil porque lo \u00fanico que hace es enviar un mail con un formato plano, s\u00f3lo si quien utiliza el formulario tiene configurado un cliente de correo, lo cual no es nada habitual en estos d\u00edas.
\nPara empezar, se puede copiar el siguiente ejemplo y pegar en un editor de texto, guardando el archivo con extensi\u00f3n .html<\/p>\n

<FORM Action=\"mailto:direccion@blabla.com?Subject=Formulario\" METHOD=\"POST\">\n <p>Su nombre:<\/p>\n <p><INPUT id=\"Nombre\" name=\"Nombre\" type=\"text\"><\/p>\n <p>Mensaje:<\/p>\n <p><TEXTAREA name=\"mensaje\" id=\"mensaje\"><\/TEXTAREA><\/p>\n <INPUT type=\"submit\" value=\"Enviar el formulario\">\n <\/FORM><\/pre>\n
Debemos copiar este c\u00f3digo en un archivo de texto plano (no un procesador de textos sino un editor como Geany o el bloc de notas) y guardarlo con extensi\u00f3n .html. Despu\u00e9s, hacemos doble clic en ese archivo y se abrir\u00e1 el formulario en el navegador.<\/p>\n
\"Formulario<\/a><\/p>\n
La estructura del formulario es:<\/p>\n
<FORM Action<\/strong>=……..aqu\u00ed la acci\u00f3n que realizar\u00e1 el formulario……….. METHOD=”POST”><\/strong><\/p>\n
……….aqu\u00ed los elementos del formulario: botones, textos simples, \u00e1reas de texto….<\/p>\n
<\/FORM><\/strong><\/p>\n
En el primer rengl\u00f3n se define la acci\u00f3n que se realizar\u00e1 al pulsar “Enviar”. En este caso se intentar\u00e1 enviar un mail (Mail To = mailto) a la direcci\u00f3n indicada, con un asunto (Subject):<\/p>\n
<FORM Action=”mailto:direccion@blabla.com<\/strong>?Subject=Formulario<\/strong>” METHOD=”POST”><\/p>\n
Despu\u00e9s se define un cuadro de texto simple (type=”text”), de un solo rengl\u00f3n:<\/p>\n
<p>Nombre:<\/p>
\n<p><INPUT id=”Nombre” name=”Nombre” type=”text”<\/strong>><\/p><\/p>\n
Y otro cuadro de texto pero de m\u00faltiples l\u00edneas (TEXTAREA):<\/p>\n
<p>Mensaje:<\/p>
\n<p><TEXTAREA<\/strong> name=”mensaje” id=”mensaje”><\/TEXTAREA><\/strong><\/p><\/p>\n
El \u00faltimo elemento es el bot\u00f3n “Enviar” (type=”submit”), que realizar\u00e1 la acci\u00f3n indicada en la apertura del formulario:<\/p>\n
<INPUT type=”submit”<\/strong> value=”Enviar el formulario”>
\n<\/FORM><\/p>\n
Este formulario es bastante in\u00fatil porque el navegador puede intentar abrir una ventana en un cliente de correo electr\u00f3nico que no est\u00e9 configurado, pero es la primera aproximaci\u00f3n para comprender c\u00f3mo funcionan. Para hacer un formulario que realmente sirva, el pr\u00f3ximo post muestra un primer paso para crear un formulario PHP<\/a>.<\/p>\n