{"id":1080,"date":"2016-10-20T05:33:42","date_gmt":"2016-10-20T11:33:42","guid":{"rendered":"http:\/\/projectopy.com\/blog\/?p=1080"},"modified":"2016-10-20T05:33:42","modified_gmt":"2016-10-20T11:33:42","slug":"formularios","status":"publish","type":"post","link":"https:\/\/iscodigo.com\/blog\/web\/formularios\/","title":{"rendered":"Formularios"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de Contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#Envio_y_respuesta_de_datos\" title=\"Env\u00edo y respuesta de datos\">Env\u00edo y respuesta de datos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#Etiqueta_form\" title=\"Etiqueta form\">Etiqueta form<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#Atributo_Method\" title=\"Atributo Method\">Atributo Method<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#GET\" title=\"GET\">GET<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#POST\" title=\"POST\">POST<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#Atributo_Action\" title=\"Atributo Action\">Atributo Action<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#Otras_etiquetas_dentro_de_un_formulario\" title=\"Otras etiquetas dentro de un formulario\">Otras etiquetas dentro de un formulario<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#FIELDSET\" title=\"FIELDSET\">FIELDSET<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#LEGEND\" title=\"LEGEND\">LEGEND<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#INPUT\" title=\"INPUT\">INPUT<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#LABEL\" title=\"LABEL\">LABEL<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#TEXTAREA\" title=\"TEXTAREA\">TEXTAREA<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#BUTTON\" title=\"BUTTON\">BUTTON<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#SELECT\" title=\"SELECT\">SELECT<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#Complementos\" title=\"Complementos\">Complementos<\/a><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#OPTION\" title=\"OPTION\">OPTION<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#OPTGROUP\" title=\"OPTGROUP\">OPTGROUP<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/iscodigo.com\/blog\/web\/formularios\/#Referencias\" title=\"Referencias\">Referencias<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Envio_y_respuesta_de_datos\"><\/span>Env\u00edo y respuesta de datos<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>La mayor\u00eda de aplicaciones web consisten en el env\u00edo y respuesta de datos, entre un cliente y un servidor. El medio de transmisi\u00f3n puede ser una red local o privada, o el Internet.<\/p>\n<figure id=\"attachment_1402\" aria-describedby=\"caption-attachment-1402\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1402\" src=\"https:\/\/i0.wp.com\/iscodigo.com\/blog\/wp-content\/uploads\/2017\/03\/basic-static-app-server.png?resize=800%2C223&#038;ssl=1\" alt=\"Basic Static App Server\" width=\"800\" height=\"223\" srcset=\"https:\/\/i0.wp.com\/iscodigo.com\/blog\/wp-content\/uploads\/2017\/03\/basic-static-app-server.png?w=960&amp;ssl=1 960w, https:\/\/i0.wp.com\/iscodigo.com\/blog\/wp-content\/uploads\/2017\/03\/basic-static-app-server.png?resize=300%2C83&amp;ssl=1 300w, https:\/\/i0.wp.com\/iscodigo.com\/blog\/wp-content\/uploads\/2017\/03\/basic-static-app-server.png?resize=768%2C214&amp;ssl=1 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-1402\" class=\"wp-caption-text\">Envio y recepci\u00f3n de datos del servidor al cliente<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Etiqueta_form\"><\/span>Etiqueta form<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Una de las formas m\u00e1s comunes de interactuar en una aplicaci\u00f3n de PHP, es a trav\u00e9s de formularios. Permiten a enviar peticiones al servidor y, posiblemente, cambiar el estado de alg\u00fan elemento dentro del servidor.<\/p>\n<pre>\u00a0<\/pre>\n<p>La etiqueta <code>form<\/code> puede tener varios atributos, los m\u00e1s importantes son el atributo <code>method<\/code> y el atributo <code>action<\/code>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Atributo_Method\"><\/span>Atributo Method<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Define c\u00f3mo se enviar\u00e1n los datos, utilizando el protocolo HTTP. Dicho protocolo puede enviarlo de varias maneras, las m\u00e1s importantes: GET y POST.<\/p>\n<p>Las peticiones HTTP contienen dos elementos b\u00e1sicos: un encabezado, el cual contiene metadatos sobre la capacidad del navegador web y un cuerpo el cual contiene informaci\u00f3n necesaria para que el servidor procese una petici\u00f3n espec\u00edfica.<\/p>\n<h5><span class=\"ez-toc-section\" id=\"GET\"><\/span>GET<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p>Este m\u00e9todo es usado por el navegador para solicitar recursos. Env\u00eda un cuerpo vac\u00edo, por lo que la informaci\u00f3n se env\u00eda a trav\u00e9s de la URL.<\/p>\n<p>Si no se requiere cambiar el estado de elementos dentro del servidor, este m\u00e9todo es el indicado. Por otro lado informaci\u00f3n sensible puede quedar a la vista, pues se registra en la URL.<\/p>\n<p>Este m\u00e9todo puede ser guardado en cach\u00e9, queda registrado en el historial del navegador y tiene una longitud m\u00e1xima (la cual depende del navagador y el servidor).<\/p>\n<h5><span class=\"ez-toc-section\" id=\"POST\"><\/span>POST<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p>Es el m\u00e9todo que el navegador env\u00eda al servidor para pedir una respuesta que tenga en cuenta los datos proporcionados en el cuerpo de la petici\u00f3n HTTP. Si un formulario se env\u00eda utilizando este m\u00e9todo, los datos se a\u00f1ade al cuerpo de la petici\u00f3n HTTP.<\/p>\n<p>Este m\u00e9todo a diferencia del GET no es guardado en cach\u00e9 por el navegador, tampoco queda guardado en el historial del navegador.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Atributo_Action\"><\/span>Atributo Action<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Este atributo indica hacia qu\u00e9 parte ser\u00e1n enviados los datos. En caso de no utilizar este atributo se enviar\u00e1n los datos al mismo archivo que hace la petici\u00f3n.<\/p>\n<pre class=\"lang:php decode:true \" title=\"Formulario Login\">\u00a0<\/pre>\n<p>En el caso anterior, los datos se enviar\u00e1n a la p\u00e1gina <code>Proceso.php<\/code><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Otras_etiquetas_dentro_de_un_formulario\"><\/span>Otras etiquetas dentro de un formulario<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Para enviar datos es necesario utilizar etiquetas que permitan manejar esa informaci\u00f3n a enviar. Para ello HTML cuenta con una serie de etiquetas.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"FIELDSET\"><\/span>FIELDSET<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Agrupa componentes dentro de un formulario. <a href=\"https:\/\/www.w3schools.com\/tags\/tag_fieldset.asp\" target=\"_blank\" rel=\"noopener\">Informaci\u00f3n<\/a><\/p>\n<h4><span class=\"ez-toc-section\" id=\"LEGEND\"><\/span>LEGEND<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Establece un t\u00edtulo a los elementos Fieldset. <a href=\"https:\/\/www.w3schools.com\/tags\/tag_input.asp\" target=\"_blank\" rel=\"noopener\">Informaci\u00f3n<\/a><\/p>\n<h4><span class=\"ez-toc-section\" id=\"INPUT\"><\/span>INPUT<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Es quiz\u00e1 la etiqueta m\u00e1s utilizada en los formularios. Y esto es por su versatilidad, se puede asegurar que basicamente es una caja de texto. Sin embargo, se puede establecer que tipo de dato se enviar\u00e1, con lo cual se puede establecer el env\u00edo validado de texto, n\u00fameros, fechas, email, checkbox y radiobutton, entre otros. <a href=\"https:\/\/www.w3schools.com\/tags\/tag_input.asp\" target=\"_blank\" rel=\"noopener\">Informaci\u00f3n<\/a><\/p>\n<h4><span class=\"ez-toc-section\" id=\"LABEL\"><\/span>LABEL<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Es una etiqueta, la cual permite establecer una identificaci\u00f3n visual de los otros componentes, adem\u00e1s de facilitar la accesibilidad de los mismos.\u00a0<a href=\"https:\/\/www.w3schools.com\/tags\/tag_label.asp\" target=\"_blank\" rel=\"noopener\">Informaci\u00f3n<\/a><\/p>\n<h4><span class=\"ez-toc-section\" id=\"TEXTAREA\"><\/span>TEXTAREA<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Es una caja de texto m\u00e1s extensa que un input.\u00a0<a href=\"https:\/\/www.w3schools.com\/tags\/tag_textarea.asp\" target=\"_blank\" rel=\"noopener\">Informaci\u00f3n<\/a><\/p>\n<h4><span class=\"ez-toc-section\" id=\"BUTTON\"><\/span>BUTTON<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Es un bot\u00f3n, por lo general permiten el env\u00edo de los datos. Tambi\u00e9n se le puede dar otros comportamientos.\u00a0<a href=\"https:\/\/www.w3schools.com\/tags\/tag_button.asp\" target=\"_blank\" rel=\"noopener\">Informaci\u00f3n<\/a><\/p>\n<h4><span class=\"ez-toc-section\" id=\"SELECT\"><\/span>SELECT<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Esta etiqueta permite construir una lista despegable.\u00a0<a href=\"https:\/\/www.w3schools.com\/tags\/tag_select.asp\" target=\"_blank\" rel=\"noopener\">Informaci\u00f3n<\/a><\/p>\n<h5><span class=\"ez-toc-section\" id=\"Complementos\"><\/span>Complementos<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<h6><span class=\"ez-toc-section\" id=\"OPTION\"><\/span>OPTION<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p>Es cada uno de los elementos que compone la lista despegable de la etiqueta SELECT.\u00a0<a href=\"https:\/\/www.w3schools.com\/tags\/tag_option.asp\" target=\"_blank\" rel=\"noopener\">Informaci\u00f3n<\/a><\/p>\n<h6><span class=\"ez-toc-section\" id=\"OPTGROUP\"><\/span>OPTGROUP<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p>Permite agrupar las etiquetas option. <a href=\"https:\/\/www.w3schools.com\/tags\/tag_optgroup.asp\" target=\"_blank\" rel=\"noopener\">Informaci\u00f3n<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Referencias\"><\/span>Referencias<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>http:\/\/php.net\/manual\/es\/tutorial.forms.php<\/li>\n<li>https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Guide\/HTML\/Forms\/My_first_HTML_form<\/li>\n<li>https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Guide\/HTML\/Forms\/Sending_and_retrieving_form_data<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Env\u00edo y respuesta de datos La mayor\u00eda de aplicaciones web consisten en el env\u00edo y respuesta de datos, entre un cliente y un servidor. El medio de transmisi\u00f3n puede ser una red local o privada, o el Internet. Etiqueta form Una de las formas m\u00e1s comunes de interactuar en una aplicaci\u00f3n de PHP, es a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[49],"tags":[52,86,90,96,110,124],"class_list":["post-1080","post","type-post","status-publish","format-standard","hentry","category-web","tag-action","tag-form","tag-get","tag-http","tag-method","tag-post"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/iscodigo.com\/blog\/wp-json\/wp\/v2\/posts\/1080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iscodigo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iscodigo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iscodigo.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/iscodigo.com\/blog\/wp-json\/wp\/v2\/comments?post=1080"}],"version-history":[{"count":0,"href":"https:\/\/iscodigo.com\/blog\/wp-json\/wp\/v2\/posts\/1080\/revisions"}],"wp:attachment":[{"href":"https:\/\/iscodigo.com\/blog\/wp-json\/wp\/v2\/media?parent=1080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iscodigo.com\/blog\/wp-json\/wp\/v2\/categories?post=1080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iscodigo.com\/blog\/wp-json\/wp\/v2\/tags?post=1080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}