Ajout d'une image de bouton d'envoi à un formulaire Rails

Je crée un formulaire dans les Rails pour soumettre des commentaires, et je veux que le bouton soumettre pour être une image, plutôt que d'un bouton HTML. Dans ce peu de documentationil est dit que le code est image_submit_tagmais je ne peux pas le faire fonctionner dans mon code.

Voici ce que je travaille avec:

<% form_for [@post, Comment.new], :remote => true do |f| %>
<p>
    <%= f.label :body, "Add a comment" %><br />
    Name <%= f.text_field :name %><br />
    Website<%= f.text_field :website %><br />
    Twitter<%= f.text_field :twitter %><br />
    <%= f.text_area :body %>
</p>
<div id="comment-form">

    <div id="comment-button"><p>
        <%= f.image_submit_tag("comment-button.png") %></p>
        </div>
</div>
<% end %>

Merci pour l'aide.

source d'informationauteur rottendevice

  1. 8

    Vous pouvez le faire comme ceci:

    ERB:

    <%= f.submit "" %>

    CSS:

    input[type="submit"]
{
  background:url(mybutton.png);
}
  2. 49

    Je suis tombée sur celui-ci, en essayant de résoudre le même problème.
    Une soudaine pensée m'a fait envie d'essayer quelque chose comme ceci:

    <%= f.submit "Comment", :type => :image, :src => "/images/comment-button.png" %>

    Permettra de créer quelque chose comme ceci:

    <input id="comment_submit" name="commit" src="/images/comment-button.png" type="image" value="Comment" />

    L'essayer 🙂

  3. 13

    Je crois que le " tag " méthodes ne peuvent pas être appelée sur l'objet form builder.

    Par " tag " méthodes je veux dire des choses de la ActionView::Assistants::FormTagHelper module.

    Cela devrait fonctionner si vous n':

    <div id="comment-button"><p>
  <%= image_submit_tag("comment-button.png") %></p>
</div>
  4. 5

    Yup, la suivante devrait fonctionner: 

      <%= image_submit_tag("comment-button.png") %></p>

    http://apidock.com/rails/ActionView/Helpers/FormTagHelper/image_submit_tag

  5. 4

    De travail de Zabba l'exemple de la rendre plus accessible la solution serait:

    Vue:

    <%= f.submit "Submit" %>

    CSS:

    input[type="submit"]
{
  background:url(mybutton.png);
  text-indent: -9999em;
}
  6. 2

    Veuillez utiliser le supprimer en ligne:

    <%= f.image_submit_tag("/assets/icon-search.png") %>

    changement dans:

    <%= image_submit_tag("/assets/icon-search.png") %>

    plus de détails sur image_submit_tag

  7. 1

    Pour les rails 3.1 et au-dessus de

    <%= f.submit "Submit", :type => :image, :src => image_path("submit.png") %>