Creates a button element that defines a submit
button,
reset
button or a generic button which can be used in
JavaScript, for example. You can use the button tag as a regular submit tag
but it isn't supported in legacy browsers. However, the button tag
allows richer labels such as images and emphasis, so this helper will also
accept a block.
Options
-
:data
- This option can be used to add custom data attributes. -
:disabled
- If true, the user will not be able to use this input. -
Any other key creates standard HTML options for the tag.
Data attributes
-
confirm: 'question?'
- If present, the unobtrusive JavaScript drivers will provide a prompt with the question specified. If the user accepts, the form is processed normally, otherwise no action is taken. -
:disable_with
- Value of this parameter will be used as the value for a disabled version of the submit button when the form is submitted. This feature is provided by the unobtrusive JavaScript driver.
Examples
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>
Please login to continue.