En este artículo, veremos cómo abrir la nueva pestaña en HTML usando <form> target Attribute , además de comprender su implementación a través de los ejemplos.
El atributo de destino <form> en HTML se usa para especificar si el resultado enviado se abrirá en la ventana actual , en una nueva pestaña o en un nuevo marco , es decir, este atributo especifica un nombre o una palabra clave que muestra dónde mostrar la respuesta. , una vez enviado el formulario.
Sintaxis:
<form target="_blank|_self|_parent|_top|framename">
Valores de atributos:
- _blank: Abre el enlace en una ventana nueva.
- _self: abre el documento vinculado en el mismo marco y este es el valor predeterminado.
- _parent: abre el documento vinculado en el conjunto de marcos principal.
- _top: Abre el documento enlazado en el cuerpo completo de la ventana.
- framename: Abre el documento vinculado en el marco nombrado.
Ejemplo 1: este ejemplo simple ilustra el uso del atributo de destino que se establece en _blank en el formulario HTML.
HTML
<!DOCTYPE html> <html> <head> <title>HTML Form target Attribute</title> </head> <body> <h1>GeeksforGeeks</h1> <h2>HTML Form target Attribute</h2> <form action="#" id="GFG" target="_blank"> Username: <input type="text" name="name"> <br> Password: <input type="password" name="password"> <br> <input type="submit" value="Submit"> </form> </body> </html>
Producción:
Atributo de destino HTML <formulario>
Ejemplo 2: este ejemplo ilustra el uso del atributo de destino cuyo valor se establece en _self en el elemento de formulario.
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML Form target Attribute</title>
<style>
h1 {
color: green;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML Form target Attribute</h2>
<form action="#" id="GFG" target="_self">
First name:
<input type="text" name="fname">
<br>
Last name:
<input type="text" name="lname">
<br>
Address:
<input type="text" name="Address">
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Producción:
Establecer el atributo de destino como _self
Navegadores compatibles:
- Versión de Google Chrome
- explorador de Internet
- Microsoft Edge versión 12 y superior
- versión de firefox
- Safari
- Ó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