La propiedad Button formTarget en HTML DOM se usa para establecer o devolver el valor del atributo formTarget de un botón. Después de enviar el formulario, se llama al atributo formTarget. Los datos del formulario se enviarán al servidor después de enviar el formulario.
Sintaxis:
- Se utiliza para devolver la propiedad formTarget.
buttonObject.formTarget
- Se utiliza para establecer la propiedad formTarget.
buttonObject.formTarget = "_blank | _parent | _self | _top | framename"
Valores de propiedad:
- _blank: Se usa para cargar la respuesta en una nueva ventana/pestaña.
- _parent: Se usa para cargar la respuesta en el marco padre.
- _self: Es el valor predeterminado y se usa para cargar la respuesta en el mismo marco.
- _top: Se usa para cargar la respuesta en el cuerpo completo de la ventana.
- framename: Se utiliza para cargar la respuesta en un iframe con nombre.
Valor devuelto: Devuelve un valor de string que representa el lugar donde se debe enviar la respuesta.
Ejemplo: este ejemplo describe cómo establecer y obtener el valor de la propiedad formTarget.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Button formTarget Property
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM Button formTarget 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" formtarget="_blank">
Load Changed formAction value</button>
</form>
<br>
<button onclick = "myGeeks()">
Submit
</button>
<p id = "GFG"></p>
<!-- script to set and get the value of formTarget attribute -->
<script>
function myGeeks() {
var x = document.getElementById("btn").formTarget ;
var y = document.getElementById("btn").formTarget = "_self";
document.getElementById("GFG").innerHTML
= "formTarget changed to " + y + "<br> from "+ x ;
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- Internet Explorer 10.0
- Google Chrome
- Mozilla Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por shubham_singh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA