Tools, FAQ, Tutorials:
Can Two HTML Forms Be Nested
Can Two Forms Be Nested?
✍: FYIcenter.com
Can two forms be nested? The answer is no and yes:
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:
⇒ Browsers Supporting Multiple HTML Forms
2023-01-24, 7594🔥, 2💬
Popular Posts:
How to add a new operation to an API on the Publisher Dashboard of an Azure API Management Service? ...
How to reinstall npm with a node version manager? I am getting permission errors with the current ve...
How to access Request body from "context.Request.Body" object in Azure API Policy? Request body is t...
How To Submit Values without Using a Form in PHP? If you know the values you want to submit, you can...
Where to get the detailed description of the json_encode() Function in PHP? Here is the detailed des...