button formtarget Attribute - HTML CSS HTML Tag

HTML CSS examples for HTML Tag:button

  1. HOME
  2. HTML CSS
  3. HTML Tag
  4. button

Description

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".

Attribute Values

Value Description
_blankLoads 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

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"):

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php" method="get" target='_self'>
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit">Submit</button>
  <button type="submit" formtarget="_blank">Submit to a new window/tab</button>
</form><!-- w w w  . ja  va  2s . co m-->

</body>
</html>

Related Tutorials