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

我一直在尝试在提交按钮中放置字体或字形图标（甚至是图像）。这很快就会崩溃，我需要实现另一个选项。我见过一些这样做的方法，但我不知道哪一种是“正确的”或更好的方法

我见过的三位竞争者是：

• divs
• 链接
• 钮扣

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

---

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

引导程序就是这样将glyphicon添加到按钮对象的：

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

明星

---

按钮选项不需要JS。我已经对它进行了测试，您可以在这里看到一个使用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”

，表单才能正常工作。

是否改为在“程序员交换”上？好的。我想有些人说过这样的话，“如果你让一个链接提交表单，它在不运行JS的客户机上就不起作用了。”检查bootstrap如何将glyphicon添加到button元素@Jeff-不，这不属于程序员，因为它更多的是关于实现问题，你必须使用JS来提交这样的按钮，对吗？这样做可以吗？无需提交JS。将引导css复制到您的项目中，以模仿此样式的按钮，我认为它可以完成此工作。我目前正在使用此代码，而按钮不起任何作用。用type=“submit”替换type=“button”