Cómo apuntar un formulario de envío a un iFrame

Escrito por ed stanyer | Traducido por daniel gómez villegas
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo apuntar un formulario de envío a un iFrame
Los iframes pueden ser utilizados para separar una página web única en varias. (Stockbyte/Stockbyte/Getty Images)

Cuando se envía un formulario en HTML, por lo general, va a la misma página en que el mismo formulario reside. Esto puede ser cambiado y los formularios pueden ser enviados a diferentes páginas, o incluso un iframe diferente dentro de la misma página. Esto se logra mediante el uso del atributo "objetivo" que se inserta en la etiqueta del formulario. Al enviar un formulario a otro iframe, solo una parte de la página tiene que recargarse, mientras que todos los demás iframes pueden permanecer estáticos.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

    Configuración del iframe

  1. 1

    Crea dos iframes dentro de tu página HTML, usa la etiqueta de apertura "<iframe>" y la de cierre "</iframe>".

  2. 2

    Crea un atributo "name" para cada iframe y asígnale un valor. Un ejemplo del código sería:

    <iframe name="iframe1"></iframe> <iframe name="iframe2"></iframe>

  3. 3

    Inserta tu contenido dentro de cada iframe que necesites y guarda la página web. Tu contenido debería ir entre las etiquetas iframe. Un ejemplo de esto sería:

    <iframe name="iframe1">iframe1 content goes here.</iframe> <iframe name="iframe2">iframe2 content goes here.</iframe>

    Crear un formulario HTML

  1. 1

    Crea un formulario usando la etiqueta de apertura "<form>" y la de cierre "</form>". Añade los atributos de name, method y action. Un ejemplo de esto sería:

    <form action="example.php" method="post" name="example"></form>

  2. 2

    Añade los elementos de tu formulario, como campos de texto y un botón submit. El código para esto debe ir entre las etiquetas del formulario.

  3. 3

    Añade el atributo "target" a tu etiqueta form y define el valor del nombre del iframe al que quieres enviar datos. Un ejemplo de esto sería:

    <form action="example.php" method="post" name="example" target="iframe1">

Consejos y advertencias

  • Asegúrate de dar a tu atributo name un valor de uso que sea fácil de referirse. Considera usar el atributo "src" en tus etiquetas iframe , y guardar el código HTML de tu iframe en una página aparte.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles