1

我正在尝试以引导形式实现下拉按钮。不幸的是，表格没有提交。它看起来像这样：

<form class="form-inline" method="post" action="">
    <fieldset>
        <input type="text"></input>
        <div class="btn-group" data-toggle="dropdown">
            <a class="btn dropdown-toggle pull-right" data-toggle="dropdown" href="">
                Show <span class=caret></span></a>
            <ul class="dropdown-menu">
                <li><input name="_show" class='btn' type="submit" value="Show"></input></li>
                <li><input name="_export" class='btn' type="submit" value="Export"></input></li>
            </ul>
            <button name="_export" class='btn' type="submit">Export</button>        
    </fieldset>
</form>

两个问题：

  1. 'div' 容器外的提交按钮有效，其中的两个输入均不执行任何操作。为什么？
  2. 下拉按钮没有正确对齐，为什么？

* 编辑 *

  1. 如果按钮从 ul 中删除，则单击“显示按钮”时会出现一个小的空列表。相同的名称属性并不重要，因为两个按钮的作用相同，应删除 btn-group 之外的按钮. 只要里面的那个工作正常

一个非常奇怪的事情是，如果我把

    <div class="btn-group" style="vertical-align: middle" data-toggle="dropdown">
  <a class="btn dropdown-toggle pull-right" data-toggle="dropdown" href="">
    Show <span class=caret></span></a>
    <ul class="dropdown-menu">
      <li><a href="/hello">Interactive</a></li>
      <li><a href="/hello2">Pic</a></li>
    </ul>
</div>

单击下拉菜单条目时没有任何反应。在firefox的按钮上，我可以看到有一个链接，但是点击没有任何效果......

  1. 对齐：我发现，twitter bootstrap button-group 存在一个普遍问题，解决方法是：style="vertical-align: middle"
4

1 回答 1

2

试试这个代码：

<div class="container row-fluid">
  <form method="post" class="form-horizontal " action="">
    <fieldset>
      <input type="text" name="tex"/>
      <button name="_export" class='btn' type="submit">Export</button>   
      <span class="dropdown">
        <a class="btn dropdown-toggle" id="dLabel" data-toggle="dropdown" data-target="#">
          <i class="icon-minus-sign"></i> Anmeld annonce
          <span class="caret"></span>
        </a>
        <ul class="dropdown-menu" >
          <li><a name="_show" href="#">Hello</a></li>
          <li><a name="_export" href="#">Boy</a></li>
        </ul>
      </span>
    </fieldset>    
  </form>
</div>

武术

于 2013-04-17T13:41:49.077 回答