How to add HTML <button> formtarget Attribute
A form with two submit buttons. The first submit button submits the form data with default target ("_self"), and the second submits the form data to a new window (target="_blank"):
Definition and Usage
The formtarget attribute specifies where to display the response after submitting the form. This attribute overrides the form's target attribute.
The formtarget attribute is only used for buttons with type="submit".
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
Syntax
<button type="submit" formtarget="_blank|_self|_parent|_top|framename">
Attribute Values
| Value | Description |
|---|---|
| _blank | Loads the response in a new window/tab |
| _self | Loads the response in the same frame (this is default) |
| _parent | Loads the response in the parent frame |
| _top | Loads the response in the full body of the window |
| framename | Loads the response in a named iframe |
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The button formtarget attribute</h1>
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit">Submit</button>
<button type="submit" formtarget="_blank">Submit to a new window/tab</button>
</form>
</body>
</html>
Output should be:
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |