Tecnología

Inicio

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

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


Cuando se envía un formulario en HTML, por lo general va a la misma página que el propio formulario reside sobre. Esto puede ser cambiado y formas puede ser sometida a diferentes páginas, o incluso un iframe diferente dentro de la misma página. Esto se logra mediante el atributo "objetivo" que se inserta en la etiqueta de formulario. Al enviar un formulario a otro iframe, sólo una parte de la página tiene que recargar, mientras que todos los demás marcos flotantes pueden permanecer estática.

Instrucciones

Configuración iframe

1 Crear dos marcos flotantes dentro de la página HTML, usando el "<iframe>" etiqueta abierta y "</ iframe>" etiqueta de cierre.

2 Crear un atributo "name" para cada iframe y asignar un valor a la misma. Un ejemplo del código sería:

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

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

3 Introduzca su contenido en cada uno de los marcos flotantes como sea necesario y guardar la página Web. Su contenido debe ir entre las etiquetas iframe. Un ejemplo del código sería;

<Iframe name = "iframe1"> iframe1 contenido va aquí. </ Iframe>

<Iframe name = "iframe2"> iframe2 contenido va aquí. </ Iframe>

Crear formulario HTML

4 Crear un formulario utilizando el "<form>" etiqueta abierta y "</ form>" etiqueta de cierre. Añadir en los atributos de nombre, de método y de acción. Un ejemplo del código sería;

<Form action = método de "ejemplo.php" = "post" name = "ejemplo"> </ form>

5 Añadir forma de sus elementos, tales como cuadros de texto y un botón de envío. El código para éstas deben ir en medio de sus etiquetas de formulario.

6 Añadir el atributo "objetivo" a su etiqueta de formulario y establezca el valor en el nombre del iframe a la que desea enviar los datos. Un ejemplo del código sería;

<Form action = método de "ejemplo.php" = "post" name = "ejemplo" target = "iframe1">

Consejos y advertencias

  • Asegúrese de dar su nombre atribuye un valor útil que es fácil de hacer referencia. Considere usar el atributo "src" en sus etiquetas iframe, y mantener el código HTML para su iframe en una página separada.