HTML | Entrada DOM Formulario de envío Propiedad de destino

La propiedad FormTarget de envío de entrada en HTML DOM se utiliza para establecer o devolver el valor del atributo formtarget del campo de envío. El atributo Destino se usa para especificar si el resultado enviado se abrirá en la ventana actual, en una nueva pestaña o en un nuevo marco.

Sintaxis:

  • Se utiliza para devolver la propiedad formTarget.
    submitObject.formTarget
  • Se utiliza para establecer la propiedad formTarget.
    submitObject.formTarget = "_blank|_self|_parent|_top|framename"

Valores de propiedad:

  • _blank: Define que el resultado enviado se abrirá en una nueva ventana o en una nueva pestaña.
  • _self: Es el valor por defecto. Especifica que el resultado enviado se abrirá en una misma ventana.
  • _parent: especifica que el resultado se abrirá en un conjunto de marcos padre.
  • _top: Especifica que el resultado se abrirá en un cuerpo completo de la ventana.
  • framename: Abre la respuesta en un marco con nombre.

Valor devuelto: Devuelve un valor de string que representa si el resultado enviado se abrirá en la ventana actual, una nueva pestaña o en un nuevo marco.

Ejemplo 1: este ejemplo ilustra cómo devolver la propiedad Input Submit formTarget.

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Input Submit formTarget Property
    </title> 
</head> 
  
<body style="text-align:center;"> 
    <h1>
        GeeksForGeeks
    </h1>
      
    <h2> 
        HTML DOM Input Submit formtarget Property 
    </h2> 
      
    <form action="#" method="get" target="_self">
          
        <input type = "submit" id = "Geeks" name="myGeeks"
            value = "Submit @ geeksforgeeks" formTarget="_blank">
    </form>
      
    <p>
        click on below button to return the Property
    </p>
      
    <button onclick = "myGeeks()"> 
        Click Here! 
    </button> 
      
    <p id = "GFG"style="font-size:25px;"></p> 
      
    <!-- Script to return submit formTarget Property -->
    <script> 
        function myGeeks() { 
            var btn = document.getElementById("Geeks").formTarget;
            document.getElementById("GFG").innerHTML = btn; 
        } 
    </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 ilustra cómo establecer la propiedad FormTarget de envío de entrada.

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Input Submit formTarget Property
    </title> 
</head> 
  
<body style="text-align:center;"> 
    <h1>
        GeeksForGeeks
    </h1>
      
    <h2> 
        HTML DOM Input Submit formtarget Property 
    </h2> 
      
    <form action="#" method="get" target="_self">
        <input type = "submit" id = "Geeks" name="myGeeks"
        value = "Submit @ geeksforgeeks" formTarget="_blank">
    </form>
      
    <p>
        click on below button to set the Property
    </p>
      
    <button onclick = "myGeeks()"> 
        Click Here! 
    </button> 
      
    <p id = "GFG"style="font-size:23px;"></p> 
      
    <!-- Script to set submit formTarget Property -->
    <script> 
        function myGeeks() { 
            var btn = document.getElementById("Geeks").formTarget
                    = "_self";
                      
            document.getElementById("GFG").innerHTML 
                    = "The value of the Formtarget attribute"
                      + " was changed to " + btn; 
        } 
    </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 FormTarget de envío de entrada DOM se enumeran a continuación:

  • Google Chrome
  • Internet Explorer 10.0
  • Firefox
  • Ópera
  • Safari

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 *