如何使表格儿童内联

Question

默认情况下，表单元素是块元素，似乎。

JsFiddle here

当我使用输入文本框＆amp;按钮在表单元素内，按钮移动到下一行：

<form action="/" method="post"><input class="form-control" id="Email" name="Email" placeholder="Your email address" type="text" value="">        <span class="input-group-btn">
            <button class="btn btn-success">Sign up!</button>
  </span></form>

当我删除表格标签时，这些输入＆amp;按钮元素以内联方式正确显示。可能有什么不对？

我尝试了display:inline css，但没有帮助。

Answer 1

您使用＆＃34;输入组＆＃34;你的表单控件和按钮周围？ http://jsfiddle.net/49t4xwcs/3/

<form>
    <div class="input-group">
      <input type="email" class="form-control" placeholder="Your email address"/>
      <span class="input-group-btn">
        <button class="btn btn-success">Sign up!</button>                                    
      </span>
    </div>
</form>

Answer 2

尝试添加 风格=“浮动：左” 搜索和按钮