Form inside a form is that alright

Question

Whether we can have a form inside another form   Is there any problem with that

User · Accepted Answer

Though you can have several  lt form gt  elements in one HTML page  you cannot nest them

User · Answer

If you have a master form and are forced to have a  form with a form  Here is what you can do    in my case I had a link in the globalHeader and I wanted to perform a post when it was clicked   Example form post with link button submit   Instead of a form    wrap your input in a div     lt div id  gap form  gt  lt input type  hidden  name  PostVar   gt  lt a id  myLink  href  javascript Form2 submit    gt A Link lt  a gt  lt  div gt    js file     document  ready function       function              gap form   wrap   lt form id  Form2  action  http   sitetopostto com postpage  method  post  target   blank  gt  lt  form gt                This would wrap everything inside the div  gap form  inside a form on the fly and the link would submit that form   I have this exact example working on a page now     In my example   You could accomplish the same thing by redirecting to a new page and submitting the form on that page    but I like this better

User · Answer

Another workaround would be to initiate a modal window containing its own form

User · Answer

Nested forms are not supported and are not part of the w3c standard   as many of you have stated     However HTML5 adds support for inputs that don t have to be descendants of any form  but can be submitted in several forms - by using the  form  attribute  This doesn t exactly allow nested forms  but by using this method  you can simulate nested forms   The value of the  form  attribute must be id of the form  or in case of multiple forms  separate form id s with space   You can read more here

User · Answer

It s not valid XHTML to have to have nested forms  However  you can use multiple submit buttons and use a serverside script to run different codes depending on which button the users has clicked

User · Answer

Yes there is  It is wrong  It won t work because it is wrong  Most browsers will only see one form   http   www w3 org MarkUp html3 forms html

User · Answer

No  HTML explicitly forbids nested forms   From the HTML 5 draft      Content model       Flow content  but with no form element descendants    From the HTML 4 01 Recommendation        lt  ELEMENT FORM - -   block  SCRIPT   - FORM  -- interactive form -- gt     Note the - FORM  section

User · Answer

Form nesting can be achieved with new HTML5 input element s form attribute  Although we don t nest forms structurally  inputs are evaluated as they are in their own form  In my tests  3 major browsers support this except IE IE11   Form nesting limitation was a big obstacle for HTML UI design   Here is a sample code  when you click Save button you should see  2 3 success   Original http   www impressivewebs com html5-form-attribute      lt form id  saveForm  action   post dispatch save  method  post  gt  lt  form gt   lt form id  deleteForm  action   post dispatch delete  method  post  gt  lt  form gt    lt div id  toolbar  gt       lt input type  text  name  foo  form  saveForm    gt       lt input type  hidden  value  some id  form  deleteForm    gt       lt input type  text  name  foo2  id  foo2  form  saveForm  value  success    gt        lt input type  submit  name  save  value  Save  form  saveForm  onclick  alert document getElementById  deleteForm   elements length         document getElementById  saveForm   elements length         document getElementById  saveForm   elements  foo2   value  return false     gt       lt input type  submit  name  delete  value  Delete  form  deleteForm    gt       lt a href   home index  gt Cancel lt  a gt   lt  div gt

User · Answer

No we can t nest forms within another form like this    lt form name  form1  gt         lt form name  form2  gt                some code here        lt  form gt   lt  form gt    it will work in some cases but it is not recommended for universal platforms  You can use plenty of SUBMIT buttons inside a single form  but you can t manage a nested form appropriately

[html] Form inside a form, is that alright?

Examples related to html

Examples related to forms