html – Ruby on Rails:简单的表单,在每个输入字段旁边添加Image

前端之家收集整理的这篇文章主要介绍了html – Ruby on Rails:简单的表单,在每个输入字段旁边添加Image前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我使用rails时,我使用简单的表单gem创建一个简单的表单

我创建了一个这样的表单

<%= simple_form_for @user do |f| %>
  <%= f.input :username %>
  <%= f.input :password %>
  <%= f.button :submit %>
<% end %>

但我想在每个字段旁边添加一个默认的图像元素.我怎么能实现这一目标?

我试试这个

<%= simple_form_for @user do |f| %>
      <%= f.input :username % >
      <img xxxx>
      <%= f.input :password %>
      <img xxxx>
      <%= f.button :submit %>
      <img xxxx>
    <% end %>

但我不会工作,因为它将包装为每个元素字段的新行.

解决方法

那么答案就是这样在app /中创建一个名为input的文件

并使用[any_name] _input.rb创建一个文件,假设您将其命名为image_tag_input.rb

然后image_tag_input.rb中的代码看起来像这样

class ImageTagInput <  SimpleForm::Inputs::Base
   ## Because image tage doesnot work if not included the below
   include ActionView::Helpers::AssetTagHelper
   def input
    ("#{@builder.text_field(attribute_name,input_html_options)}" + "#{image_tag()}).html_safe
   end
end

然后在HTML方面

做这个

<%= f.input :username,:as => "image_tag %>

这里和另一个例子在wiki中提到了simple_form_for

希望这有帮助

原文链接:https://www.f2er.com/html/225630.html

猜你在找的HTML相关文章