Atributo de destino de formulario HTML

El atributo HTML formTarget se usa para especificar el nombre o una palabra clave, que indica dónde mostrar un resultado después de enviar el formulario. Especifica que el resultado enviado se abrirá en la ventana actual, una nueva pestaña o un nuevo marco. Este atributo anula la función del atributo de destino del elemento <form>.  

Usos: Se usa en <button> y <input type=”submit”> y <input type=”image”>

Sintaxis:

<element formtarget="_blank|_self|_parent|_top|framename">  

Valores de atributos:

  • _blank: Abre el enlace en una ventana nueva.
  • _self: Tiene un valor por defecto.  Abre el documento vinculado en el mismo marco.
  • _ 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: Este ejemplo ilustra un formulario que contiene dos botones de envío, uno se enviará en un marco actual y otro botón se enviará en un marco nuevo. 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML formtarget Attribute
    </title>
</head>
 
<body>
    <center>
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
 
        <h2 style="color:green;">
 
            HTML formtarget Attribute
        </h2>
 
        <form action="#">
            Username:
            <input type="text" name="usrname">
 
            <br><br>
 
            Password:
            <input type="password" name="password">
 
            <br><br>
 
            <input type="submit"
                value="Submit in a new window"
                formtarget="_blank">
 
            <button type="submit" formtarget="_self">
                Submit with a current window
            </button>
        </form>
    </center>
</body>
 
</html>

Producción 

Navegadores compatibles:   la lista de navegadores compatibles con HTML formtarget Attribute se proporciona a continuación:

  • Google Chrome
  • explorador de Internet
  • Ópera
  • Firefox
  • safari de manzana

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *