473,287 Members | 3,319 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,287 software developers and data experts.

Form and nested elements

Hi

I have a validation problem with a form and nested divs. I understand what
the problem is, but I don't see how to fix it. This is my normal page
structure, and it validates:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
</head>
<body>
<div>
</div>
<div>
<div>
<form name="form1" action="">
<p>Some form elements</p>
</form>
</div>
<div>
<form name="form2" action="">
<p>Some form elements</p>
</form>
</div>
</div>
</body>
</html>

Now the form has some additional elements in the first div:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
</head>
<body>
<div>
<form name="form1" action="">
<p>Some form elements</p>
</div>
<div>
<div>
<p>Some more form elements</p>
</form>
</div>
<div>
<form name="form2" action="">
<p>Some form elements</p>
</form>
</div>
</div>
</body>
</html>

And due to improper nesting this does not validate. I tried the same thing
with a layout table, it does not validate either (neither in strict nor in
transitional mode). Note that form 2 is the reason why I can't span the form
over the whole body, which would make it validate without a problem.

Now in the early days I learnt that forms could begin and end inside or
outside any element, regardless of the layout or table structure. Is this
just outdated, or is there a possibility to declare a form as cross-element?

--
Markus
Jul 23 '05 #1
5 7369
On Wed, 10 Nov 2004 10:57:12 +0100, Markus Ernst <derernst@NO#SP#AMgmx.ch>
wrote:
<body>
<div>
<form name="form1" action="">
You've opened a div and a form.
<p>Some form elements</p>
</div>


Now you've closed the div. Therefore the form is also closed.
Jul 23 '05 #2

"Markus Ernst" <derernst@NO#SP#AMgmx.ch> wrote in message
news:41***********************@news.easynet.ch...
Hi

I have a validation problem with a form and nested divs. I understand what
the problem is, but I don't see how to fix it. This is my normal page
structure, and it validates:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
</head>
<body>
<div>
</div>
<div>
<div>
<form name="form1" action="">
<p>Some form elements</p>
</form>
</div>
<div>
<form name="form2" action="">
<p>Some form elements</p>
</form>
</div>
</div>
</body>
</html>

Now the form has some additional elements in the first div:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
</head>
<body>
<div>
<form name="form1" action="">
<p>Some form elements</p>
</div>
<div>
<div>
<p>Some more form elements</p>
</form>
</div>
<div>
<form name="form2" action="">
<p>Some form elements</p>
</form>
</div>
</div>
</body>
</html>

And due to improper nesting this does not validate.
Right. *Everything* in HTML is nested. No partial overlapping allowed.
I tried the same thing
with a layout table, it does not validate either (neither in strict nor in
transitional mode). Note that form 2 is the reason why I can't span the form over the whole body, which would make it validate without a problem.

Now in the early days I learnt that forms could begin and end inside or
outside any element, regardless of the layout or table structure. Is this
just outdated, or is there a possibility to declare a form as

cross-element?

ISTR that if you wanted to lay out a form with a table in an old Netscape
version, you kind of had to put the FORM tags just inside the TABLE tags or
something like that, and IE didn't reject it when you did it that way.
Anyway, it's definitely wrong in current HTML.

Jul 23 '05 #3
Harlan Messinger wrote:
ISTR that if you wanted to lay out a form with a table in an old
Netscape version, you kind of had to put the FORM tags just inside
the TABLE tags or something like that, and IE didn't reject it when
you did it that way.
Actually both IE and Mozilla do not reject my page with the wrongly nested
form; they display it the way I want ("correctly" would not be the
appropriate term here).
Anyway, it's definitely wrong in current HTML.


I was afraid that would be the only possible answer, thank you.

--
Markus
Jul 23 '05 #4
Markus Ernst wrote:

<snip>Markup example with improperly nested form</snip>
And due to improper nesting this does not validate.
Note that form 2 is the reason why I can't span the form
over the whole body, which would make it validate without a problem.
There are never any occasions where you need improper nesting of
elements like you had, and doing so is exceptionally bad because, even
though current browsers can handle it as tag soup, it is handled very
differently in different browsers, and sometimes causes very different
results. So, you can never be sure what you'll get with improperly
nested elements in different browsers, unless you test them all, but it
should never be done anyway.

I suggest you think a little more about your document structure. They
were two seperate forms, so mark them up as that. If half of form one
was appearing in a seperate section, then that's most likely for
presentational reasons, I can't imagine any structural or semantic
reason to do so. You should also be able to remove a few of those
<div>s, and just apply styles directly to the form element. You should
generally avoid overusing divs, since they have no semantics, and often
serve to unnecessarily bloat your code, so use them sparingly.
Now in the early days I learnt that forms could begin and end inside or
outside any element, regardless of the layout or table structure. Is this
just outdated


It's not just outdated, it was never valid. It just means you were
taught by an ignorant teacher, or from a poorly written book.

--
Lachlan Hunt
http://lachy.id.au/
http://GetFirefox.com/ Rediscover the Web
http://SpreadFirefox.com/ Igniting the Web
Jul 23 '05 #5
Lachlan Hunt wrote:

It's not just outdated, it was never valid. It just means you were
taught by an ignorant teacher, or from a poorly written book.


Yes we also learnt how to write "You need a version 4 browser to view this
page"... Thanks for your comment.

--
Markus
Jul 23 '05 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

12
by: Frank Stephan | last post by:
Hi, im using Struts with nested tags for form validation. So I end up with form elements named like this risikenManuell.praemieNeu risikenManuell.praemieNeu .... I would like to do a...
5
by: javaguy | last post by:
I have a data entry web application that is formatted heavily with tables. Having learned a bit of CSS, I'm hoping to rewrite this using <div> tags. But I have run into a formatting problem that...
2
by: Cardinal | last post by:
In the application I'm developing, I need a link to behave as a form submit. I set up a little test example below and it worked fine: <table> <tr> <form action="action1.cfm" method="POST"...
5
by: horndude77 | last post by:
Ok, this might be for a web designing group, but here's my problem. I'm trying to make a web page with tabs which you can navigate between without the page reloading. I have one set of tabs working...
2
by: George | last post by:
How can I do the following in python: given two strings: form=""" <html> <head> <title> My Sample Web Page </title> </head> <body bgcolor="white"> <p> What are the weekdays? <ol>
4
by: Alex Maghen | last post by:
I have a master page which contains a general page framework and also contains a <form runat=server> around most of the content of the page. Inside that <form> tag is a ContentPlaceholder. I...
1
by: asilverpeach | last post by:
Hey Guys! Found some great scripts here on this topic but have to make to changes to the code that I can't seem to figure out. First, In the following code clicking on the headers shows the...
1
by: =?Utf-8?B?SmVyZW15X0I=?= | last post by:
I am working on an order entry program and have a question related to deserializing nodes with nested elements. The purchase order contains multiple line items which I select using an...
1
by: Henrik Bechmann | last post by:
All, I'm trying to spoof Google's vertical tabs in a vertical menu structured with nested UL/LI elements. To do this, I need to find out where the anchor in the LI is, and then create an...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: marcoviolo | last post by:
Dear all, I would like to implement on my worksheet an vlookup dynamic , that consider a change of pivot excel via win32com, from an external excel (without open it) and save the new file into a...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.