验证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。字段集位于表单的外部并且有外部输入

回答

相关问题