ruby-on-rails - 呈现一个样式化和结构化的提交输入按钮

Question

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

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

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

f.input

只是呈现输入。没有真正的方法来编辑它的 html 结构。我可以通过一个街区之类的吗？

score 0 · Accepted Answer

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

所以你可以在你的 .html.erb 文件中：

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

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

score -1 · Accepted Answer

-1

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

于 2013-11-05T19:14:54.300 回答

2 回答 2