La propiedad FormMethod de envío de entrada en HTML DOM se utiliza para establecer o devolver el valor del atributo formMethod de un botón de envío. El atributo formMethod se utiliza para especificar el método HTTP utilizado para enviar datos al enviar el formulario. Hay dos tipos de métodos HTTP, que son GET y POST. Este atributo anula el atributo de método de un elemento <form>.
Sintaxis:
- Devuelve la propiedad FormMethod de envío de entrada.
submitObject.formMethod
- Se utiliza para establecer la propiedad FormMethod de envío de entrada.
submitObject.formMethod = get|post
Valores de propiedad:
- GET: en el método GET, después de enviar el formulario, los valores del formulario serán visibles en la barra de direcciones de la nueva pestaña del navegador. Es el valor predeterminado.
- POST: en el método de publicación, después de enviar el formulario, los valores del formulario no estarán visibles en la barra de direcciones de la nueva pestaña del navegador como lo estaban en el método GET.
Valor de retorno: devuelve un valor de string que representa el método HTTP utilizado para enviar datos al enviar el formulario.
Ejemplo 1: Este ejemplo ilustra cómo devolver la propiedad Input Submit formMethod.
<!DOCTYPE html> <html> <head> <title> HTML DOM Input Submit formMethod Property </title> </head> <body style="text-align:center;"> <h1> GeeksForGeeks </h1> <h2> HTML DOM Input Submit formMethod Property </h2> <form action="#" method="get" target="_self"> <input type = "submit" id = "Geeks" name="myGeeks" value = "Submit @ geeksforgeeks" formTarget="_blank" formMethod="post"> </form> <p> click on below button to return the Property </p> <button onclick = "myGeeks()"> Click Here! </button> <p id = "GFG"style="font-size:25px;"></p> <!-- Script to set submit formMethod Property --> <script> function myGeeks() { var btn = document.getElementById("Geeks").formMethod; document.getElementById("GFG").innerHTML = btn; } </script> </body> </html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo 2: Este ejemplo ilustra cómo devolver la propiedad Input Submit formMethod.
<!DOCTYPE html> <html> <head> <title> HTML DOM Input Submit formMethod Property </title> </head> <body style="text-align:center;"> <h1> GeeksForGeeks </h1> <h2> HTML DOM Input Submit formMethod Property </h2> <form action="#" method="get" target="_self"> <input type = "submit" id = "Geeks" name="myGeeks" value = "Submit @ geeksforgeeks" formTarget="_blank" formMethod="post"> </form> <p> click on below button to set the Property </p> <button onclick = "myGeeks()"> Click Here! </button> <p id = "GFG"style="font-size:25px;"></p> <!-- Script to set submit formMethod Property --> <script> function myGeeks() { var btn = document.getElementById("Geeks").formMethod = "Get"; document.getElementById("GFG").innerHTML = "The value of the formMethod attribute" + " was changed to " + btn; } </script> </body> </html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con DOM input Enviar formMethod Property se enumeran a continuación:
- Google Chrome
- Internet Explorer 10.0
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA