La propiedad de acción de formulario en HTML DOM se usa para establecer o devolver el valor del atributo de acción del formulario. Después del envío del formulario, se llama al atributo de acción. Los datos del formulario se enviarán al servidor después de enviar el formulario.
Sintaxis:
- Se utiliza para devolver la propiedad de acción.
formObject.action
- Se utiliza para establecer la propiedad de acción.
formObject.action = URL
- URL: Se utiliza para especificar la URL del documento donde se enviarán los datos después del envío del formulario.
Los posibles valores de URL son:- URL absoluta: Apunta al enlace de otro sitio web. Por ejemplo: www.gfg.org
- URL relativa: se utiliza para apuntar a un archivo dentro de una página web. Por ejemplo: www.geeksforgeeks.org
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Valores de propiedad:
Valor devuelto: Devuelve un valor de string que representa la URL del formulario.
Ejemplo 1: este ejemplo describe cómo establecer la propiedad de acción.
<!DOCTYPE html> <html> <head> <title> HTML DOM Form action Property </title></head> <body> <h1>GeeksforGeeks</h1> <h2>DOM Form action Property</h2> <form action="#" method="post" id="users"> <label for="username">Username:</label> <input type="text" name="username" id="Username"> <br><br> <label for="password">Paswword :</label> <input type="password" name="password"> </form> <br> <button onclick = "myGeeks()"> Submit </button> <p id = "GFG"></p> <!-- script to set action page --> <script> function myGeeks() { var x = document.getElementById("users").action = "/gfg.php"; document.getElementById("GFG").innerHTML = "Action page Changed"; } </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 devuelve la propiedad de acción.
<!DOCTYPE html> <html> <head> <title> HTML DOM Form action Property </title></head> <body> <h1>GeeksforGeeks</h1> <h2>DOM Form action Property</h2> <form action="test.php" method="post" id="users"> <label for="username">Username:</label> <input type="text" name="username" id="Username"> <br><br> <label for="password">Paswword :</label> <input type="password" name="password"> </form> <br> <button onclick="myGeeks()"> Submit </button> <p id = "GFG"></p> <!-- script to return the the URL where send the form data --> <script> function myGeeks() { var act = document.getElementById("users").action; document.getElementById("GFG").innerHTML = act; } </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 la propiedad de acción del formulario DOM se enumeran a continuación:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA