基礎形式 - 驗證錯誤「結束div標記看到，但打開元素」

Question

我想使用基礎框架來設計窗體樣式，它不喜歡將窗體的部分（即提交按鈕）與全新的ROW。它會拋出這些錯誤;

看到結束標籤div，但有開放元素。 323 未封閉的元素形式。 296 雜散結束標記形式。 329

Here is a working fiddle

這裏是我的代碼;

<!-- Contact --> 
<div class="row"> <!-- dreamweaver says these overlap or unclosed--> 
<div class="large-12 small-centered columns"> <!-- dreamweaver says these overlap or unclosed--> 
<div class="small-12 small-centered large-9 columns"> <!-- dreamweaver says these overlap or unclosed--> 

<form method="post" action="#" id="contact_form"> 
<div class="row"> 
<div class="large-6 columns"> 
<label for="contact_name">Your Name<em>*</em></label> 
<input type="text" id="contact_name" name="contact_name" class="required" /> 
</div> 
<div class="large-6 columns"> 
<label for="contact_email">Your Email<em>*</em></label> 
<input type="email" id="contact_email" name="contact_email" class="required email"> 
</div> 
</div> 
<div class="row"> 
<div class="large-6 columns"> 
<label for="contact_company">Company Name or Organization</label> 
<input type="text" id="contact_company" name="contact_company"/> 
</div> 
<div class="large-6 columns"> 
<label for="contact_phone">Phone Number</label> 
<input type="tel" id="contact_phone" name="contact_phone"/> 
</div> 
</div> 
<div class="row"> 
<div class="large-12 columns"> 
<label for="contact_message">Your Message<em>*</em></label> 
<textarea id="contact_message" name="contact_message" class="required"></textarea> 
</div> 
</div> 
</div> <!-- line 323 - dreamweaver says these overlap or unclosed--> 
</div> <!-- dreamweaver says these overlap or unclosed--> 
</div> <!-- dreamweaver says these overlap or unclosed--> 

<div class="row"> <!-- dreamweaver says these overlap or unclosed--> 
<div class="large-4 small-centered columns"> <!-- dreamweaver says these overlap or unclosed--> 
<input type="submit" name="contact_submit" class="medium button expand-fix no-border" value="SEND MESSAGE"/></form> 
</div> <!-- dreamweaver says these overlap or unclosed--> 
</div> <!-- dreamweaver says these overlap or unclosed--> 

如果我巢之下線323最後一排它的工作原理，但按鈕未填寫需要（如它不是全寬，由於是連續>行）的列。

這讓我困惑！感謝您的期待！

Answer 1

您的其中一個輸入元件是未閉合：

<input type="email" id="contact_email" name="contact_email" class="required email"> 

應該是：

<input type="email" id="contact_email" name="contact_email" class="required email"/> 

此外，更重要的是，你的形式標記一個div內開始（小12小爲中心的大-9列），但該div在表單標籤之前關閉。我不確定你的理想佈局是什麼意思，所以我不能告訴你確切的修復方法，但是在底部附近的區域有太多關閉div標籤，在那裏你有所有的評論。其中一些應該在表單元素之後才能關閉。

通過您的代碼，並確保您的元素被正確包圍，並且在關閉其中一個子元素之前不要關閉元素。