-
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.