Question

<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>

这段代码有什么问题？当我验证时，我似乎遇到了错误。（其中三个也是）

第21行，第49栏：文件类型这里不允许元素“标签”; 缺少“ins”，“del”，“h1”之一， “h2”，“h3”，“h4”，“h5”，“h6”，“p”， “div”，“address”，“fieldset”start-tag

是因为我需要添加更多的字段集，还是其他我做错了？

非常感谢任何帮助：）

Answer 1

input和label元素不允许作为form元素的子元素。

ins，del，h1，h2，h3，h4，h5，h6 ，p，div，address，fieldset被允许作为子元素，并且还允许input和label元素作为其子元素（尽管大多数在语义上都不合适）。

Answer 2

标签和输入应位于字段集内。或者创建第二个/第三个字段集以将它们分开包装。

例如：

<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>

对fieldset进行验证。字段集位于表单内部，并在外部输入

2 个答案: