ActionView::Helpers::FormTagHelper

image_submit_tag

API ドキュメント（Rails 8.1.4.1） ↗
def image_submit_tag(source, options = {})

説明

type="image" の <input>（画像の送信のボタン）を作ります。submit_tag と違い、name も data-disable-with も追加しません。

引数

値を変えると、ERB と HTML が変わります。

src 属性の値にします。渡す値によって、次のように変わります。
  • URL（https:// のような 〜://、//、data:、cid: で始まる文字列）：そのまま src 属性の値にします。
  • / で始まる文字列：そのまま src 属性の値にします。
  • それ以外の文字列：アセット（app/assets の中のファイル）を探し、ファイル名にハッシュを付けたパスにします。見つからなければ、Propshaft::MissingAssetError になります。探してハッシュを付けるのは Propshaft の動きで、アセットの仕組みを入れていないアプリでは、探さずに /images/ を前に付けたパスにします。拡張子は省けません。
options= {}
true にすると、アセットを探さず、/images/ を前に付けたパスにします。
"Send"
渡した値を、そのまま alt 属性の値にします。デフォルトでは alt 属性を追加しません。
"send"
渡した値を、そのまま name 属性の値にします。デフォルトでは name 属性を追加しません（submit_tag の commit のような値は付けません）。
ヘルパー共通の options

Rails はどのヘルパーでも、これらの options を同じように処理します。HTML の仕様で <input> に使えないものや、使う場面が少ないとこのサイトで判断したものは、ここでは省いています。

すべてのヘルパー共通

true にすると disabled="disabled" を追加し、false にすると追加しません。readonly、required、autofocus など、Rails が持っている一覧（BOOLEAN_ATTRIBUTES）にある HTML 属性はどれも同じで、値が false と nil 以外なら 属性名="属性名" の形で追加します。
{active: true, hidden: false}
Hash を渡すと、値が false と nil 以外のキーを空白でつなぎます。配列を渡すと、nil、false、空の文字列（空白だけの文字列も）を外して、空白でつなぎます。
{controller: "tags", tags_suggestions_value: ["ruby", "rails"]}
Hash を渡すと、キーの _ を - にして、data-* 属性を追加します。値に配列や Hash を渡すと、JSON の文字列にします。
{describedby: ["name_help", "name_error"], invalid: false}
:data と同じく、aria-* 属性を追加します。値が配列なら、nil と空の文字列を外して、空白でつなぎます（何も残らなければ、追加しません）。値が Hash なら、値が false と nil 以外のキーを空白でつなぎます。
ここにない options は、<input> の HTML 属性になります。値が nil なら、その HTML 属性は追加しません。

ERB

直前との違い： 追加 削除 変更


          

        


        

          

            
HTML

          

          

            
            

          

        


        

          

            
プレビュー

            

              
              
                
プレビューを操作すると、フォーム送信の内容が変わります。


            

          


          

            
フォーム送信

            

              
フォームデータ

              

                
namevalue

                
              

              

                リクエストボディを見る
                
Content-Type：

                

              

              

                
params

                

              

                
プレビューの画像を押すと、押した位置が、name 属性の値に .x と .y を付けた名前で届きます（name 属性がなければ x と y）。