Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a form within another form:
<form id="a">
<form id="b">
<input type="submit">
When the submit button is clicked, it seems that the outer form is submitted.
Is there a way to target which form is submitted?
Like others have said…nested forms aren’t allowed.
However, that doesn’t mean some browsers won’t do something with such. In the example that you have presented, the browser appears to be ignoring the second
<form>tag in a similar fashion to how an unknown tag (i.e.<notAValidTag>) is also ignored. Since JavaScript also doesn’t allow for embedded form collections, the best way to ensure that FormB’s information is submitted is to make it no longer a nested form. This will break up your markup and UI into more distinct sections which may be beneficial from a UX perspective as well.