呈现样式化和结构化的提交输入按钮

Question

我正在研究一个系统和前端人员，他不是我，并且得到了这个奇怪的按钮：

<a class="button" href="#">
    <span class="txt">  submit </span>
    <span class="bg-button"></span>
</a>

如何在表单的提交输入上呈现此结构？

f.input

只是渲染输入。没有真正的方法来编辑html结构。我可以传递一个块或什么吗？

Answer 1

您可以使用link_to帮助程序获取该html。 http://apidock.com/rails/ActionView/Helpers/UrlHelper/link_to

这里实际发生的是它不是一个表单按钮，而是一个<a href>标签，其样式就像一个按钮。

所以你可以使用.html.erb文件：

<%= link_to '#', { class: :button } do %>
  <span class="txt">submit</span>
  <span class="bg-button"></span>
<% end %>

然后使用js处理程序捕获单击该按钮并将请求发送到服务器。

Answer 2

f.submit, 'Submit', :class => "txt button bg-button"