对于Bootstrap模式中的表单，提交按钮应该放在哪里？
在Bootstrap模式中，提交按钮应该放在表单的底部。具体来说，可以将提交按钮放在表单的最后一个表单组件之后，并且使用Bootstrap的样式类btn和btn-primary来设置按钮的样式。此外，可以使用form-group类来包裹按钮，以保持整齐的表单布局。
以下是一个示例代码：
<form>
<div class="form-group">
<label for="exampleInputEmail">Email地址</label>
<input type="email" class="form-control" id="exampleInputEmail" placeholder="请输入您的邮箱地址">
</div>
<div class="form-group">
<label for="exampleInputPassword">密码</label>
<input type="password" class="form-control" id="exampleInputPassword" placeholder="请输入密码">
</div>
<!-- 提交按钮 -->
<div class="form-group">
<button type="submit" class="btn btn-primary">提交</button>
</div>
</form>推荐的腾讯云相关产品：腾讯云云服务器（CVM），详情请参考腾讯云云服务器。
相关·内容
下面是直接来自the docs的示例HTML，只是我在form元素中添加了一个id。为什么他们要在表单之外显示按钮？它们不应该定位在表单中，这样当单击时，表单就会被提交吗？请看下面我的典型JavaScript。如果没有，是否需要将事件附加到button.btn-primary，然后该事件将提交表单，或者甚至不使用此事件，仅在单击主按钮事件中执行工
浏览 20提问于2021-01-31得票数 1
回答已采纳
我正在使用bootstrap vue设计我的应用程序。在应用程序中，我使用的是b-modal。b-modal中的一些字段是必需的，所以如果用户没有向它们提供信息，我想突出显示它们。在我在其他应用程序中使用的普通引导程序中，它会突出显示字段并显示默认消息field is required，但在bootstrap-vue中，默认情况下我不会收到任何这样的消息。以下是我拥有的bo
浏览 53提问于2021-09-06得票数 0
回答已采纳
假设我有自己的主页和一个Post模型。如果我想添加一个新的Post，我转到/posts/new并创建一个Post类的新对象。这是一种标准方式。例如，我是否可以在主页中包含一个+按钮，它将打开一个小窗口，要求我键入标题和内容，并具有与标准方式相同的效果？
浏览 1提问于2016-06-24得票数 0
我有一个Braintree自定义表单位于Bootstrap模式中。现在，如果我在表单中放置一个提交按钮，Braintree表单就可以正常工作。当我单击submit按钮时，Braintree截获它并运行它的提交处理程序，该处理程序获取现时值，然后将其返回给onPaymentMethodReceived方法。到现在为止还好。但是，我想在模式的底部使用一个漂亮的
浏览 16提问于2016-07-27得票数 3
回答已采纳
3回答
我有一个打开的模式，我将元素逐行插入其中。每一行都有自己的ID标签。目前，随着列表变得比模式窗口更大，文本只是隐藏在模式窗口的底部。您可以手动使用滚动条，但我希望文本在打印时在模式窗口中向上滚动。我已经使用了以下代码，但它只是滚动模式后面的网页。我还尝试用模态元素替换'html，body‘，但没有效果。
浏览 1提问于2013-04-18得票数 13
回答已采纳
我在上读了赛斯·拉德的博客<!-- in the meantime --> <form-2><form-2>
</html>
现在我应该把“提交”
浏览 1提问于2013-11-21得票数 1
1回答
我正在使用TCPDF从表单字段创建一个pdf。我遇到的问题是php脚本运行良好并创建了文件，但是ajax失败了，即使脚本执行得很好。我的ajax // Set variableserror:function(){ }
}
浏览 3提问于2015-06-26得票数 0
回答已采纳
我有一个关于Angular JS和modal bootstrap的小问题。
这就是场景:我用bootstrap创建了一个包含表单的模型。在这个表单中，我使用了带有内置属性formname.$valid的角度验证。当formname.$valid为false时，我将提交按钮设置为Hidden，当formname.$valid为true时，相同的按钮可见。问题是，当我第一次提交
浏览 1提问于2015-06-10得票数 1
我有一个表单，允许用户记录详细信息。该表单的一个元素是选择特定用户。如果该用户不在那里，我希望能够创建一个模式来创建一个新用户，将该新用户提交到数据库，然后在下拉列表中为所有用户提供该用户。我使用的是MVC 4和Twitter Bootstrap框架。对如何做到这一点有什么建议吗？我可以创建布局，一切都显示得很好，但目前的主要问题是，当我在模式中提交表单时，它不会在提交</
浏览 3提问于2013-04-30得票数 0
回答已采纳
在我的web应用程序中，我有一个登录/注册部分作为引导模式，当单击标题中的登录图标时会出现该部分。throws Exception { .formLogin().loginPage("/login") ...我的问题是如何正确地实现一个模式来作为登录页面-- social icons -->这个头文件和modal实现作为
浏览 0提问于2016-06-11得票数 3
2回答
我正在将一些数据注册到一个相当大的表单中。现在，在提交表单之前，我希望在另一个选项卡中看到给定数据的预览。我如何通过ajax做到这一点？我正在使用serialize()将数据传递到ajax url中，我可以在控制器上获取数据，但问题是如何将数据显示到另一个视图页面？false, success: function(response){
浏览 1提问于2016-06-18得票数 0
3回答
我有一个数据表，每一行都显示存储的细节--存储可以具有任意但唯一的id -和存储号-也是唯一的和非顺序的-加上其他信息。 public List<StoreDetailsViewModel> StoreData { get; set; }格式包含用于实现MvcCheckBoxList的数据submit" value=@item.StoreNo />
浏览 1提问于2015-01-13得票数 0
回答已采纳
1回答
我正在编辑一个现有的PHP表单，该表单似乎使用Bootstrap来执行字段验证(告诉我是否缺少必填字段)。目前，当您填写表单并单击提交时，会弹出一个模式弹出窗口，基本上只是打印您的表单数据，以便您可以在提交之前对其进行审核。然后，在该模式中是另一个提交按钮，用于实际提交表单。但是，确定是否填写了所有必填字段的验
浏览 0提问于2019-02-21得票数 0
这里是cakephp的新手..想知道如何在我的索引视图中有一个按钮来打开一个添加表单(对于相同的模型)。提交此表单后，我希望模式消失，并在索引视图中显示新记录。我在考虑将add表单放在一个蛋糕元素中？但不确定如何将其放入模式窗口中。任何建议都是非常感谢的。
浏览 1提问于2014-02-20得票数 2
我有一个表单，我正在用普通的if条件来验证它，而不是规则。对此，我仍然可以使用提交处理程序吗？如果是，我应该将提交处理程序放在哪里。我想使用submit处理程序，因为我希望在表单中单击sumbit按钮时实现确认弹出。
浏览 7提问于2022-09-05得票数 0
如何在Bootstrap 3的模式窗口中显示表单post的结果？ } return false;但是，当解析表单post的结果时，我就卡住了。我怎样才能让它出现在Bootstrap 3的<em
浏览 1提问于2013-12-24得票数 3
7回答
我已经设置了一个包含表单的引导模式，我只是注意到当我按回车键时，该模式将被取消。有没有一种方法可以在按Enter键的时候不忽略它？我尝试使用keyboard:false激活模式，但这只会阻止使用ESC键关闭。
浏览 4提问于2012-05-01得票数 112
回答已采纳
3回答
我使用Drupal 7，我想呈现一个链接(锚标签)，与提交按钮相同。Drupal 7允许这样做(例如通过使用按钮类型)还是我必须使用CSS来实现这一点？
浏览 0提问于2013-07-11得票数 4
我有一个表单，这可能需要很长时间才能提交，因为它将数据发布到几个API。这本身并不是问题。 $(document).ready(function(){
$("#btn-wait").click(function(){，但是我在启动模式时遇到了问题。$('#myfo
浏览 2提问于2016-01-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
