HTML <button> with formtarget Attribute

February 10, 2021 7:26 pm IST

❮ Prev Next ❯

You are Here:

HTML <button> with formtarget Attribute

The formtarget attribute specifies where to display the response after submitting the form.

_blank

Load the response into a new window, when a form is submitted.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/user-name.php" method="get"> Name: <input type="text" name="name"> <button type="submit" formtarget="_blank">Submit</button> </form> </body> </html>

Run

Attribute Value

Value	Explanation
_blank	Load the response into a new window, when a form is submitted.
_self	Load the response into the same frame, when a form is submitted.
_parent	Load the response into the parent frame (one frame above the actual frame), when a form is submitted.
_top	Load the response into the top most frame (whole window of the same page), when a form is submitted.

_self

Load the response into the same frame, when a form is submitted.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/user-name.php" method="get"> Name: <input type="text" name="name"> <button type="submit" formtarget="_self">Submit</button> </form> </body> </html>

Run

_parent

Load the response into the parent frame (one frame above the actual frame), when a form is submitted.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/user-name.php" method="get"> Name: <input type="text" name="name"> <button type="submit" formtarget="_parent">Submit</button> </form> </body> </html>

Run

_top

Load the response into the top most frame (whole window of the same page), when a form is submitted.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/user-name.php" method="get"> Name: <input type="text" name="name"> <button type="submit" formtarget="_top">Submit</button> </form> </body> </html>

Run