Reloading parent window with a button in the iframe

Question

I have an iframe in a page like

<iframe src="something.html"></iframe>

and in the something.html page, I have a form and a button.

<form action="anywhere.html">
<input type="button" name="submit" value="submit">
</form>

When I click on the submit button, it only reloads the page anywhere.html (inside the iframe). But I want anywhere.html to load in the same main window (not in a new tab or window or not in the iframe). How can this be done?

Answer 1

Use the target attribute for the form tag. Set it to _parent to have the form submit to the parent window (outside the frame).

• _parent : Load the response into the HTML 4 frameset parent of the current frame, or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self . ¹

<form action="anywhere.html" target="_parent">
<input type="button" name="submit" value="submit">
</form>

See it demonstrated in this plunker .

---

¹ _{https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-target}