Home >> FAQs/Tutorials >> XHTML Tutorials and Tips >> Index

XHTML Tutorial - Can Two Forms Be Nested

By: FYIcenter.com

(Continued from previous topic...)

Can Two Forms Be Nested?

Can two forms be nested? The answer is no and yes:

  • No. You can not nest two forms directly. XHTML schema does not allow that.
  • Yes. You can nest two forms indirectly. See the tutorial example below.
  • No. Two nested form do not work as two forms. Browsers will treat them as one form, which starts from the opening tag of the outer form, and ends at the ending tag of the inner form. Input fields between the ending tag of the inner form and the ending tag of the outer form will be ignored.

Here is a tutorial example of two nested forms:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Nested Forms</title>
 </head>
 <body>
  <h4>Online Survey</h4>
  <form action="http://localhost/submit" method="get">
  <ul style="background-color: #eeeeee; padding: 8px;">
   <li>Your name: <input type="text" name="name"
    value="Joe"/></li>
   <li>
  <form action="http://localhost/submit" method="get">
  <p style="background-color: #ffeeee; padding: 8px;">
   How did you find FYIcenter:<br/>
        <input type="radio" name="channel"
     value="google" checked="checked"/>Google search<br/>
        <input type="radio" name="channel"
     value="yahoo"/>Yahoo search<br/>
        <input type="radio" name="channel"
     value="friend"/>Your friend<br/>
   <input type="submit" name="inner"
    value="Inner submit"/>
  </p>
  </form>
   </li>
   <li>Your age: <input type="text" name="name"
    value="18+"/></li>
   <li><input type="submit" name="outer"
    value="Outer submit"/></li>
  </ul>
  </form>
 </body>
</html>

If you save the above document as nested_forms.html, and view it with Internet Explorer, it looks like we have two forms on the page, but there is actually only one form. Go click on those buttons to see what will happen:
            Nested Forms

(Continued on next topic...)

  1. What Is a "form" Tag/Element?
  2. What Are the Attributes of a "form" Element?
  3. What Is an "input" Tag/Element?
  4. How Many Input Types Are Supported by "input" Elements?
  5. How To Use "text" Input Fields?
  6. How To Use "password" Input Fields?
  7. How To Use "checkbox" Input Fields?
  8. What Are the Values Submitted on Checkbox Fields?
  9. How To Use "radio" Input Fields?
  10. What Are the Values Submitted on Radio Button Fields?
  11. How To Use "submit" Input/Action Fields?
  12. What Are the Values Submitted on Submit Button Fields?
  13. How To Use "reset" Input/Action Fields?
  14. How To Use "file" Input Fields?
  15. How To Use "hidden" Input Fields?
  16. How To Use "image" Input Fields?
  17. What Are the Values Submitted on Image Button Fields?
  18. How To Use "button" Input Fields?
  19. What Is a "textarea" Tag/Element?
  20. What Are the Attributes of a "textarea" Element?
  21. What Is a "select" Tag/Element?
  22. What Is an "option" Tag/Element?
  23. What Is a "label" Tag/Element?
  24. Can Two Forms Be Nested?
  25. Do Broswers Support Multiple Forms?

Selected Developer Jobs:

More...