HTML | Atributo formtarget <button>

El atributo formtarget del botón HTML se utiliza para especificar si el resultado enviado se abrirá en la ventana actual, en una pestaña nueva o en un marco nuevo. Este atributo anula la función del atributo de destino <form>. Solo se puede usar con la 
sintaxis Button type=”submit”: 
 

<button type="submit" formtarget="_blank | _self | _parent | _top | framename">

Valores de atributos 
 

  • _blank: Abre el enlace en una ventana nueva. 
  • _self: Es el 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 el uso del atributo formTarget en el elemento de botón. 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
      Button FormTarget attribute
  </title>
</head>
 
<body style="text-align: center">
    <h1 style="color: green">
      GeeksforGeeks
  </h1>
    <h2>HTML Button FormTarget
      Attribute</h2>
    <form action="#"
          method="post"
          enctype="multipart/form-data">
        First name:
        <input type="text"
               name="fname">
        <br> Last name:
        <input type="text"
               name="lname">
        <br> Address:
        <input type="text"
               name="Address">
        <br>
        <button type="submit"
                formtarget="_self">
          submit To a current window
      </button>
        <br>
        <br>
        <button type="submit"
                formenctype="text/plan"
                formtarget="_blank">
          submit to a new window
      </button>
    </form>
</body>
 
</html>

Producción: 
 

Navegadores compatibles: los navegadores compatibles con el atributo HTML Button FormTarget se enumeran a continuación: 
 

  • Google Chrome 
  • Borde 12
  • explorador de Internet 
  • Firefox 
  • Ópera 
  • 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 *