好的只有提交按钮的表单?

时间:2014-07-08 17:29:27

标签: javascript html css

表单只有两个提交按钮是否有任何问题?它允许我有一个过滤按钮,而不必使用JavaScript。

以下是我的代码示例: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>

1 个答案:

答案 0 :(得分:3)

没关系,但你的标记非常无效。如果<form>内没有<ul>,则无法将<li>嵌套在其中。

这完全无效:

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

您需要撤销<form><ul>代码:

<form>
  <ul class="opt">
    <li><input class="option" type="submit" name="status" value="Active" /></li>
    <li><input class="option" type="submit" name="status" value="Inactive" /></li>
  </ul>
</form>