html – 提交按钮太靠近表单 – Bootstrap

概述由于某种原因,表单的提交按钮往往太靠近该字段.我顺便使用Bootstrap. 码： <div class="row" > <div class="col-xs-6"> <h3 class="page-header">Contact Email</h3> <form class="form-group" role="form" action="{$_SERVER['PHP_S 由于某种原因,表单的提交按钮往往太靠近该字段.我顺便使用bootstrap.

码：

<div  >    <div >    <h3 >Contact Email</h3>    <form  role="form" action="{$_SERVER['PHP_SELF']}" method="POST">    <input type="email"  name="email" value="$email" ID="email">    <button type="submit" >submit</button>    </form>    </div>   </div

该网站在其他页面和所有页面中都有其他形式,并没有真正出现问题.不知道为什么会发生这种情况.

注意：关闭< form>就在按钮修复问题之前,但由于按钮不再是表单的一部分,因此它不会提交.

希望在代码中找到错误,而不是在CSS中修复Hack.

这是它的外观.

FIX：在代码中,制作< div class =“form-group”>并在输入按钮之前结束div.固定它.
固定代码,只是来自Google的类似问题：

<div  ><div ><h3 >Contact Email</h3><div ><form role="form" action="{$_SERVER['PHP_SELF']}" method="POST"><input type="email"  name="email" value="$email" ID="email"></div><button type="submit" >submit</button></form></div>

解决方法 使用form-group类将输入包装在元素中.这个课不可能
你现在拥有的表格本身……

<div >    <div >    <h3 >Contact Email</h3>    <form role="form" action="{$_SERVER['PHP_SELF']}" method="POST">      <div >        <input  name="email" value="$email" ID="email" type="email">      </div>      <button type="submit" >submit</button>    </form>    </div>   </div>

DEMO

总结

以上是内存溢出为你收集整理的html – 提交按钮太靠近表单 – Bootstrap全部内容，希望文章能够帮你解决html – 提交按钮太靠近表单 – Bootstrap所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。