表单只有两个提交按钮是否有任何问题?它允许我有一个过滤按钮,而不必使用JavaScript。
以下是我的代码示例:http://jsfiddle.net/spadez/928Dj/33/
<div>
<ul id="filter">
<li>
<a href="#" class="dropdown">Any status ▾</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 ▾</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>
答案 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>