驗證fieldset。字段集位於表單的外部並且有外部輸入

<form id="youtube-form" method="post" action=""> 

    <label for="searchField" id="label-youtube-id">YouTube ID:</label> 
    <input type="text" id="searchField" name="videoid" class="search-field" /> 

    <fieldset id="outputFieldset"> 
    <legend>Output format:</legend> 
     <label for="flv">FLV</label> 
     <input type="radio" id="flv" name="format" class="radio-button" value="flv" /> 

     <label for="avi">AVI</label> 
     <input type="radio" id="avi" name="format" class="radio-button" value="avi" /> 

     <label for="mp3">MP3</label> 
     <input type="radio" id="mp3" name="format" class="radio-button" value="mp3" /> 
    </fieldset> 

    <input id="youtube-submit" type="submit" name="submit" value="Submit" /> 

</form>

此代碼有什麼問題？我在驗證時似乎發生錯誤。（其中三個）驗證fieldset。字段集位於表單的外部並且有外部輸入

第21行，第49列：文檔類型這裏不允許使用元素「標籤」; 缺少「ins」，「del」，「h1」，「h2」，「h3」，「h4」，「h5」，「h6」，「p」，「div」，「address」「fieldset」開始標記

是因爲我需要添加更多字段集，還是其他的我做錯了嗎？

任何幫助，非常感謝:)

來源

2009-10-02 MindTooth

input和label元素不允許作爲子元素form元素。

ins，del，h1，h2，h3，h4，h5，h6，p，div，address，fieldset都可以作爲子元素，並且還允許有input和label元素作爲自己的孩子（雖然大部分都沒有語義上恰當）。

來源

2009-10-02 12:06:16 Quentin

謝謝:)現在我明白了這個問題。但是，爲什麼你在因特網上看到很多指南完全忽略了字段集？ – MindTooth 2009-10-02 12:09:31

允許輸入和標籤作爲HTML過渡版本中表單的子元素。我們現在已經過了過渡期。 – Quentin 2009-10-02 12:59:06

標籤和輸入應該在字段集內。或者創建第二個/第三個存檔集以將它們分開放置。

如：

<form id="youtube-form" method="post" action=""> 


<fieldset id="youtube"> 
    <label for="searchField" id="label-youtube-id">YouTube ID:</label> 
    <input type="text" id="searchField" name="videoid" class="search-field" /> 
</fieldset> 

    <fieldset id="outputFieldset"> 
    <legend>Output format:</legend> 
     <label for="flv">FLV</label> 
     <input type="radio" id="flv" name="format" class="radio-button" value="flv" /> 

     <label for="avi">AVI</label> 
     <input type="radio" id="avi" name="format" class="radio-button" value="avi" /> 

     <label for="mp3">MP3</label> 
     <input type="radio" id="mp3" name="format" class="radio-button" value="mp3" /> 
    </fieldset> 

<fieldset id="submit"> 
    <input id="youtube-submit" type="submit" name="submit" value="Submit" /> 
</fieldset> 
</form>

來源

2009-10-02 12:05:20

謝謝你提供了適當的代碼供我使用。我從中學到了。 – MindTooth 2009-10-02 12:15:10

驗證fieldset。字段集位於表單的外部並且有外部輸入

回答

相關問題