HTML | <button> formtarget Attribute

Last Updated : 21 Jul, 2022

The HTML Button formtarget Attribute is used to specify whether the submitted result will open in the current window, a new tab or on a new frame. This Attribute overrides the feature of the <form>Target Attribute. It can only be used with the Button type=”submit”
Syntax:

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

Attribute Values

_blank: It opens the link in a new window.
_self: It is the default value. It opens the linked document in the same frame.
_parent: It opens the linked document in the parent frameset.
_top: It opens the linked document in the full body of the window.
framename: It opens the linked document in the named frame.

Example: This Example illustrates the use of formTarget Attribute in button Element.

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>