Aprende sobre el valor de la propiedad method y target

La función que modifica el valor de method es muy similar a la que modifica el valor de action y target.

4.1 Sobre la propiedad Method

Como dijese anteriormente, modificar el valor de la propiedad method carece de un verdadero sentido. Pero, de todas formas, esto siempre dependerá de lo que se necesite hacer.

La función que modifica el valor de method es muy similar a la que modifica el valor deaction y target.

Veamos como se realiza este función:

<script languaje="javascript">

function CambiaMethod()

{ form1.method ="POST"; }

</script>

Realmente es similar a la vista en el punto anterior.

Ahora, pondremos un ejemplo en práctica, donde le damos al usuario la posibilidad de elegir el método del envío de datos y según el tipo de envío que elija, será a la página que lo enviemos:

El Script...

<script languaje="javascript">

function CambiaMethod()

{

    if (form1.POST.checked == true)

    {

    form1.method ="POST";

    form1.action = "ejemplos/procesar.asp"

    }

    if (form1.GET.checked == true)

    {

    form1.method = "GET";

    form1.action = "ejemplos/procesar1.asp"

    }

form1.submit()

}

</script>

El formulario...

<form name="form1" method="post" action="ejemplos/procesar.asp" target="_blank">

Escribe tu nombre: <input type="text" name="nombre"><br>

<input type="checkbox" name="POST" value="ON">Método POST |

<input type="checkbox" name="GET" value="ON">Método GET<br>

<input type="button" value="Enviar" onClick="CambiaMethod(this.form)">

</form>

Los resultados...

Escribe tu nombre: Método POST | Método GET 

4.2 Sobre la propiedad Target

De igual forma que en el anterior ejemplo, veremos un caso en el que el usuario seleccionará el target en el cual desea visualizar los resultados enviados por el formulario.

El Script...

<script languaje="javascript">

function CambiaTarget()

{

    if (form2.blank.checked == true)

    {

    form2.target ="_blank";

    }

    if (form2.self.checked == true)

    {

    form2.target = "_self";

    }

form2.submit()

}

</script>

El formulario...

<form name="form2" method="post" action="ejemplos/procesar.asp" target="_blank">

Escribe tu nombre: <input type="text" name="nombre"><br>

<input type="checkbox" name="blank" value="ON">Resultados en nueva ventana |

<input type="checkbox" name="self" value="ON">en la misma ventana<br>

<input type="button" value="Enviar" onClick="CambiaTarget(this.form)">

</form>

Fuente:enlace

Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 

Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información