Submit form using a button outside the <form> tag

daryl picture daryl · Aug 11, 2011 · Viewed 320.1k times · Source

Say I have:

<form method="get" action="something.php">
    <input type="text" name="name" />
</form>

<input type="submit" />

How do I go about submitting that form with that submit button outside of the form, I think in HTML5 theres an action attribute for the submit but I'm not sure if thats fully cross-browser and if it isn't is there anyway to do this?

Answer

Lie Ryan picture Lie Ryan · Sep 24, 2012

In HTML5, there is the form attribute. Basically

<form id="myform" method="get" action="something.php">
    <input type="text" name="name" />
</form>

<input type="submit" form="myform" />