La propiedad Button formAction en HTML DOM se usa para establecer o devolver el valor del atributo formAction de un botón . Después de enviar el formulario, se llama al atributo formAction. Los datos del formulario se enviarán al servidor después de enviar el formulario.
Sintaxis:
- Se utiliza para devolver la propiedad formAction.
buttonObject.formAction
- Se utiliza para establecer la propiedad formAction.
buttonObject.formAction = URL
Valores de propiedad:
URL: Se utiliza para especificar la URL del documento donde se enviarán los datos después del envío del formulario.
El posible valor de la URL es:
- URL absoluta: Apunta a la dirección completa de una página. 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
Valor devuelto: Devuelve un valor de string que representa la URL del formulario.
Ejemplo: Este ejemplo describe cómo establecer y obtener el valor de la propiedad formAction.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Button formAction Property
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM Button formAction Property</h2>
<form action="/gfg.php"
method="post"
id="users">
<label for="username">
Username:
</label>
<input type="text"
name="username"
id="Username">
<br>
<br>
<label for="password">
Password:
</label>
<input type="password"
name="password">
<button id="btn"
type="submit"
formaction="/tryit.php">
Load Changed formAction value
</button>
</form>
<br>
<button onclick="myGeeks()">
Submit
</button>
<p id="GFG"></p>
<!-- script to get the updated action page -->
<script>
function myGeeks() {
var x =
document.getElementById("btn").formAction;
var y =
document.getElementById("users").action;
document.getElementById("GFG").innerHTML =
"formAction changed to " + x + "<br> from " + y;
}
</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 formAction del botón DOM se enumeran a continuación:
- Google Chrome
- Internet Explorer 10.0
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA