Chrome đang ăn đầu tiên bên trong của tôi <form> - tại sao?

Question

Nhờ ASP.NET tôi có thể tìm hiểu các intracacies của việc đi với < hình thức > thẻ bên trong < mẫu > thẻ. Tôi thiết lập những gì tôi nghĩ là một DOM đơn giản không hoạt động:

<form id="Superform" action="javascript: return false;"> 
<form id="Subform1" action="javascript: return false;"> 
    form1 
</form> 
<form id="Subform2" action="javascript: return false;"> 
    form2 
</form> 
</form> 

Trong ví dụ này, IE8 dường như làm việc bình thường, nhưng Chrome (18.0.1025.142 beta-m) dường như làm cho Subform1 biến mất. Có ai biết tại sao không? Đây có phải là lỗi Chrome/webkit không? Tôi đã thực hiện một jsFiddle để kiểm tra nó - nếu bạn có các trình duyệt khác tiện dụng, tôi cũng tò mò về những kết quả đó.

Hãy thử ví dụ tại http://jsfiddle.net/weQmk/9/.

Trong IE8 tôi nhận được:

Forms my browser sees: 
Superform 
Subform1 
Subform2 

Nhưng trong Chrome:

Forms my browser sees: 
Superform 
Subform2 

Answer 1

hình thức không thể được lồng vào nhau theo cách đó. Khi gặp phải thẻ đóng </form>, biểu mẫu mở đầu tiên sẽ bị đóng.

Điều này cũng được minh họa trong fiddle này: http://jsfiddle.net/weQmk/11/