可以在表单标记中包含列表标记

Question

表单中是否有列表标记有问题吗？

以下是我的代码示例：http://jsfiddle.net/spadez/928Dj/33/

<div>
    <ul id="filter">
      <li>
        <a href="#" class="dropdown">Any status &#9662;</a>
        <ul class="opt">
            <form>
          <li><input class="option" type="submit" name="status" value="Active" /></li>
          <li><input class="option" type="submit" name="status" value="Inactive" /></li>
            </form>
        </ul>
      </li>
      <li>
        <a href="#" class="dropdown">Any date &#9662;</a>
        <ul class="opt">
            <form>
          <li><input class="option" type="submit" name="date" value="Today" /></li>
          <li><input class="option" type="submit" name="date" value="This Week" /></li>
            </form>
        </ul>
      </li>
    </ul>
  </div>

Answer 1

问题中的标记无效：没有任何版本的HTML允许form元素作为ul的子元素，或li作为form的子元素。将ul嵌套在form：

中是有效的

  <form> 
     <ul class="opt">
      <li><input class="option" type="submit" name="date" value="Today" /></li>
      <li><input class="option" type="submit" name="date" value="This Week" /></li>
    </ul>
  </form>

当然，可能需要修改样式和jQuery代码以反映此结构。

在ul内使用form是否有意义是一个不同的问题。使用两项项目符号列表并使用CSS使其显示为不是项目符号列表并不重要。但这是有效的。