引导表单字段作为按钮答案

【问题标题】：Bootstrap form fields as buttons引导表单字段作为按钮
【发布时间】：2016-09-06 23:20:12
【问题描述】：

我正在尝试在我的引导表单中使用多个按钮作为下拉菜单的替代。我知道我可以有多个提交按钮，然后检查 Flask，其中一个被点击了，但我试图瞄准用户能够在不提交表单的情况下为一个字段选择多个按钮，然后为整个表单提供一个最终不相关的提交按钮。

我不确定这在 Bootstrap 中是否有可能，因为这似乎不是一个普通的 HTML 表单字段。任何建议将不胜感激！

【问题讨论】：

为什么不使用样式看起来像按钮的复选框？
完全忘记了那个选项。谢谢！

【解决方案1】：

也许您正在寻找类似的东西？

<form>
<input type="text" id="inputbtn1">
<input type="text" id="inputbtn2">
<input type="text" id="inputbtn3">
</form>

<button onclick="$('#inputbtn1').val( 'Whatever value you want here' )">Option 1</button>
<button onclick="$('#inputbtn2').val( 'Whatever value you want here' )">Option 2</button>
<button onclick="$('#inputbtn3').val( 'Whatever value you want here' )">Option 3</button>

JsFiddle DEMO

当用户点击按钮时，会为输入设置一个值。如果您愿意，可以通过将其更改为 <input type="hidden" id="inputbtn1"> 来隐藏此输入字段。

【讨论】：

【解决方案2】：

说实话，我对 Flask 并不熟悉，但对 Bootstrap 却很熟悉。为什么不试试Formtastic？我强烈建议您查看Railscasts 的教程系列的两个部分来学习它。他们提供了大量的源代码。作为 Formtastic 的用户有一段时间了，它是一个非常方便的工具。

【讨论】：