Rails 3 Submit Tag + html_safe

问题

What's wrong with this line of code?

<%= submit_tag "Delete <i class='icon-check'></i>".html_safe, :disable_with => "Deleting", :class => "btn btn-danger"%>

This literally produces:

Evidently my html_safe call isn't doing anything.

Background:

I'm using Twitter Bootstrap as well as Font Awesome and I'm essentially trying to achieve a submit button with an icon inside of it.

回答1:

To extend on Lukas' answer I needed a button tag rather than an input. This code produced the effect I was looking for:

<button type="submit" class="btn btn-danger">
    Delete <i class="icon-check"></i> 
</button>

Which resulted in:

I found the answer I was looking for here.

回答2:

What's wrong with it? Submit button values should not contain embedded HTML code.

This is how submit button looks in HTML:

<input type="submit" value="Submit" />

HTML tags in value attributes are interpreted as text, not as HTML:

<input type="submit" value="<i>Submit</i>" />

回答3:

<%= form.button :submit, class: 'btn btn-success' do %>
     <i class="fa fa-plus"></i> Add Funder <i class="fa fa-chevron-right"></i>
<% end %>

This is good answer.

来源：https://stackoverflow.com/questions/12077748/rails-3-submit-tag-html-safe