Html 提交按钮的div包装器
我有一个简单的登录表单:Html 提交按钮的div包装器,html,forms,twitter-bootstrap,submit,Html,Forms,Twitter Bootstrap,Submit,我有一个简单的登录表单: <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> &l
<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>
登录
它正在使用引导程序进行样式设置。至于jsjquery和AngularJS都是加载的
我的问题是,当我显示此表单时,我的提交按钮转到下一行。如果我检查dom,我会在提交按钮周围看到一个..
包装。如果我从表单定义中省略type='submit'
部分,则不会发生这种情况
我的问题是谁在添加此包装,以及如何避免它。如果您看到Twitter引导的示例,我可以看到他们在
表单内联
示例中使用了两个类。从不同类型和形式的按钮。试着将和它一起应用到类中
<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>
记得我吗
登录
如果您已经用twitter引导标记了它,您可能想开始查看它…bootstrap.css包含:.form actions{}.form actions:before、.form actions:after{}它还有.block级别的输入,这显然会强制显示:block。类“操作”必须来自其他内容。如果将div更改为span,会发生什么?它仍在发生。我认为这是由我包含的另一个javascript引起的。