{"id":124643,"date":"2022-11-16T17:38:19","date_gmt":"2022-11-16T16:38:19","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-a-multi-form-submit\/"},"modified":"2025-02-03T16:44:45","modified_gmt":"2025-02-03T15:44:45","slug":"how-to-create-a-multi-form-submit","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/es\/soporte\/how-to-prototype-a-multi-form-submit","title":{"rendered":"C\u00f3mo crear un prototipo de env\u00edo multiformulario"},"content":{"rendered":"<p>Este art\u00edculo te ense\u00f1a a crear el prototipo de un env\u00edo multiformulario.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73242548\/index.html\" width=\"820px\" height=\"260px\" frameborder=\"0\"><\/iframe><\/p>\n<p>As\u00ed es como se construye:<\/p>\n<h3>Ver<\/h3>\n<ul>\n<li>Coloca un \u00abTexto\u00bb en el lienzo y escribe \u00abEntrada\u00bb.<\/li>\n<li>Selecciona \u00abCampo de texto de entrada\u00bb en la secci\u00f3n \u00abCampos de entrada interactivos\u00bb y col\u00f3calo junto al texto.<\/li>\n<li>En la misma l\u00ednea, vuelve a colocar un \u00abTexto\u00bb y escribe \u00abSalida\u00bb; a continuaci\u00f3n, coloca un \u00abCampo de texto de entrada\u00bb.<\/li>\n<li>Para terminar tu vista, a\u00f1ade un \u00abBot\u00f3n\u00bb en el centro.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/multi-form-submit-1.png\" alt=\"\" width=\"842\" height=\"341\"><\/li>\n<li>Repite las acciones para crear m\u00e1s de un formulario.<\/li>\n<\/ul>\n<h3>Eventos<\/h3>\n<p><span data-preserver-spaces=\"true\">Con el \u00abBot\u00f3n\u00bb seleccionado, ve a la paleta Eventos y haz clic en \u00abA\u00f1adir evento\u00bb.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/multi-form-submit-2.png\" alt=\"\" width=\"842\" height=\"341\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">En el cuadro de di\u00e1logo, haz clic en \u00abElegir activador\u00bb, pasa el rat\u00f3n por encima de la secci\u00f3n \u00abRat\u00f3n\u00bb y selecciona \u00abal hacer clic\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer valor a un elemento\u00bb y haz clic en el segundo campo de texto de entrada (junto al texto \u00abSalida\u00bb).<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">Selecciona el bot\u00f3n de opci\u00f3n \u00abCalculado\u00bb para el valor y haz clic en \u00abA\u00f1adir expresi\u00f3n\u00bb.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/multi-form-submit-3.png\" alt=\"\" width=\"842\" height=\"341\"><\/li>\n<li><span data-preserver-spaces=\"true\">En el constructor de expresiones de valor, arrastra la primera entrada como valor.<\/span><video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"100%\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/multi-form-submit-expression.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/multi-form-submit-expression.mp4\" type=\"video\/mp4\"><\/source><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/10\/multi-form-submit-expression.png\" alt=\"Expresi\u00f3n de env\u00edo de formularios m\u00faltiples\">Expresi\u00f3n de env\u00edo de formulario m\u00faltiple<\/video><\/li>\n<\/ol>\n<p><span data-preserver-spaces=\"true\">Pulsa \u00abOk\u00bb y \u00abAceptar\u00bb para terminar de crear el evento.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Por \u00faltimo, en la paleta Eventos, haz clic en el bot\u00f3n \u00ab+\u00bb situado junto al evento que acabas de crear para a\u00f1adir un nuevo evento.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/multi-form-submit-5.png\" alt=\"\" width=\"842\" height=\"341\"><\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">En el cuadro de di\u00e1logo, haz clic en \u00abElegir activador\u00bb, pasa el rat\u00f3n por encima de la secci\u00f3n \u00abRat\u00f3n\u00bb y selecciona \u00abal hacer clic\u00bb.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">En \u00abElegir acci\u00f3n\u00bb, selecciona \u00abEstablecer valor a un elemento\u00bb y haz clic en el primer \u00abCampo de texto de entrada\u00bb, dejando el valor fijo en el espacio en blanco (esto borrar\u00e1 el campo de entrada despu\u00e9s de enviarlo). Haz clic en \u00abAceptar\u00bb para terminar de crear el evento.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-71261\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/multi-form-submit-6.png\" alt=\"\" width=\"842\" height=\"341\"><\/li>\n<\/ol>\n<p>Para la segunda l\u00ednea del formulario, copia los eventos del primer bot\u00f3n al segundo y cambia el objetivo de cada acci\u00f3n.<\/p>\n<p><span data-preserver-spaces=\"true\">Simula tu prototipo.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este art\u00edculo te ense\u00f1a a crear el prototipo de un env\u00edo multiformulario. As\u00ed es como se construye: Ver Coloca un \u00abTexto\u00bb en el lienzo y escribe&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8429,8424],"tags":[],"class_list":["post-124643","post","type-post","status-publish","format-standard","hentry","category-formularios-y-datos-es","category-trucos-avanzados"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124643"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/comments?post=124643"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124643\/revisions"}],"predecessor-version":[{"id":126194,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124643\/revisions\/126194"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=124643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/categories?post=124643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=124643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}