0

我有一个简单的登录表单：

<form action="/users/login" class="form-inline" id="UserLoginForm" method="post" accept-charset="utf-8">
    <div style="display:none;">
        <input type="hidden" name="_method" value="POST"/>
    </div>
    <input name="data[User][email]" class="input-small" placeholder="E-mail" maxlength="50" type="text" id="UserEmail"/>
    <input name="data[User][password]" class="input-small" placeholder="Password" type="password" id="UserPassword"/>
    <button class='btn' type='submit'>Login</button>
</form>

它使用引导程序进行样式设置。至于js jquery 和AngularJS 是加载的。

我的问题是，当我显示此表单时，我的提交按钮转到下一行。如果我检查 dom，我<div class="actions">...</div>会在提交按钮周围看到一个包装器。type='submit'如果我从表单定义中省略部分，则不会发生这种情况。

我的问题是谁在添加这个包装器，我该如何避免它。

4

1 回答 1

1

如果您看到 Twitter Bootstrap 的示例，我可以看到它们使用了两个类form-inline。请检查这个。来回不同类型和形式的按钮。尝试well与它一起应用类。

<form class="well form-inline">
  <input type="text" class="input-small" placeholder="Email">
  <input type="password" class="input-small" placeholder="Password">
  <label class="checkbox">
    <input type="checkbox"> Remember me
  </label>
  <button type="submit" class="btn">Sign in</button>
</form>
于 2012-06-18T06:37:53.017 回答