样式提交按钮 - Rails应用程序

Question

我一直试图在提交按钮中添加字体真棒或glyphicon（甚至图像）。这很快就崩溃了，我需要实现另一种选择。我已经看到了一些这样做的方法，但我不知道哪种方式是“正确的”或更好的方式。

我见过的三个竞争者是：

• 的div
• 链接
• 按钮

在“提交”按钮中获取图像/图标的最佳方法是什么？

这三个都不需要JS组件吗？

Answer 1

这是bootstrap将glyphicon添加到按钮对象的方式：

<button type="button" class="btn btn-default btn-lg">
    <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
</button>

Bootstrap button with glyphicon

Answer 2

按钮选项不需要JS。我已经测试了它，您可以在https://jsfiddle.net/mikhailjan/sf9s28et/5/查看使用Font Awesome的工作示例，或者只看下面的代码：

<form action="add_person.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>

  <button type="submit" class="button">
    <i class="fa fa-user-plus"></i> Add Person
  </button>

</form>

Jonathan Anctil是正确的，按钮需要type="submit"才能使表单正常工作。