button_tag

ボタンを生成(button)

説明

ボタンを生成

button

適応バージョン
  • 1.0.0
  • 1.1.0
  • 1.1.1
  • 1.1.6
  • 1.2.0
  • 1.2.6
  • 2.0.0
  • 2.0.1
  • 2.0.3
  • 2.1.0
  • 2.2.1
  • 2.3.2
  • 2.3.8
  • 3.0.0
  • 3.0.5
  • 3.0.7
  • 3.0.9
  • 3.1.0
  • 3.2.3
  • 3.2.8
  • 3.2.13
  • 4.0.0
  • 4.1.0
  • 4.2.1
使い方
button(文字列 [, オプション, HTMLオプション]
オプション
オプション説明デフォルト
:methodHTTPメソッド(:get, :post, :put, :delete)を指定:post
:disabledボタンを無効化
:confirm確認ダイアログに表示する文字列
:remoteAjaxでリンクを処理submit
:formThis hash will be form attributes
:form_classThis controls the class of the form within which the submit button will be placed
HTMLオプション
オプション説明
:name名称
:sizeサイズ。ピクセル数で指定
:readonly内容変更を禁止
:disabled利用禁止
:tabindexTabキーによる入力欄の移動順
:accesskey移動するショートカットキー
:usemapこの画像に対応させるイメージマップ
:id要素固有の識別子
:class要素を分類するクラス名
:title要素の補足情報
:style要素の補足情報
:dir表記方向
:lang基本言語
ソースコード
ソースコード検索

button_tag

適応バージョン
  • 1.0.0
  • 1.1.0
  • 1.1.1
  • 1.1.6
  • 1.2.0
  • 1.2.6
  • 2.0.0
  • 2.0.1
  • 2.0.3
  • 2.1.0
  • 2.2.1
  • 2.3.2
  • 2.3.8
  • 3.0.0
  • 3.0.5
  • 3.0.7
  • 3.0.9
  • 3.1.0
  • 3.2.3
  • 3.2.8
  • 3.2.13
  • 4.0.0
  • 4.1.0
  • 4.2.1
使い方
button_tag([オプション, HTMLオプション]
オプション
オプション説明デフォルト
:dataData要素のカスタマイズ
:disabledボタンを無効化
:confirm確認ダイアログに表示する文字列
HTMLオプション
オプション説明
:name名称
:sizeサイズ。ピクセル数で指定
:readonly内容変更を禁止
:disabled利用禁止
:tabindexTabキーによる入力欄の移動順
:accesskey移動するショートカットキー
:usemapこの画像に対応させるイメージマップ
:id要素固有の識別子
:class要素を分類するクラス名
:title要素の補足情報
:style要素の補足情報
:dir表記方向
:lang基本言語
button_tag
# => <button name="button" type="submit">Button</button>
button_tag(type: 'button') do
  content_tag(:strong, 'Ask me!')
end
# => <button name="button" type="button">
#     <strong>Ask me!</strong>
#    </button>
button_tag "Checkout", data: { disable_with => "Please wait..." }
# => <button data-disable-with="Please wait..." name="button" type="submit">Checkout</button>
ソースコード
ソースコード検索