apex:commandButton

A button that is rendered as an HTML input element with the type attribute set to submit, reset, or image, depending on the <apex:commandButton> tag’s specified values.

The button executes an action defined by a controller, and then either refreshes the current page, or navigates to a different page based on the PageReference variable that is returned by the action.

An <apex:commandButton> component must always be a child of an <apex:form> component.

This component supports HTML pass-through attributes using the “html-” prefix. Pass-through attributes are attached to the generated <input> tag.

Example 

1<apex:commandButton action="{!save}" value="Save" id="theButton"/>

The example above renders the following HTML:

1<input id="thePage:theForm:theButton" type="submit" name="thePage:theForm:theButton" value="Save" />

Attributes 

Attribute NameAttribute TypeDescriptionRequired?API VersionAccess
accesskeyStringThe keyboard access key that puts the command button in focus. When the command button is in focus, pressing the Enter key is equivalent to clicking the button. 10.0global
actionApexPages.ActionThe action method invoked by the AJAX request to the server. Use merge-field syntax to reference the method. For example, action=”{!save}” references the save method in the controller. If an action isn’t specified, the page simply refreshes. Note that command buttons associated with the save, edit, or delete actions in a standard controller are rendered only if the user has the appropriate permissions. Likewise, command buttons associated with the edit and delete actions are rendered only if a record is associated with the page. 10.0global
altStringAn alternate text description of the command button. 10.0global
dirStringThe direction in which the generated HTML component should be read. Possible values include “RTL” (right to left) or “LTR” (left to right). 10.0global
disabledBooleanA Boolean value that specifies whether this button should be displayed in a disabled state. If set to true, the button appears disabled. If not specified, this value defaults to false. 10.0global
idStringAn identifier that allows the commandButton component to be referenced by other components in the page. 10.0global
imageStringThe absolute or relative URL of the image displayed as this button. If specified, the type of the generated HTML input element is set to “image”. 10.0global
immediateBooleanA Boolean value that specifies whether the action associated with this component should happen immediately, without processing any validation rules associated with the fields on the page. If set to true, the action happens immediately and validation rules are skipped. If not specified, this value defaults to false. See Use the immediate Attribute Carefully. 11.0global
langStringThe base language for the generated HTML output, for example, “en” or “en-US”. For more information on this attribute, see the W3C specifications. 10.0global
onblurStringThe JavaScript invoked if the onblur event occurs–that is, if the focus moves off of the command button. 10.0global
onclickStringThe JavaScript invoked if the onclick event occurs–that is, if the user clicks the command button. 10.0global
oncompleteStringThe JavaScript invoked when the result of an AJAX update request completes on the client. 10.0global
ondblclickStringThe JavaScript invoked if the ondblclick event occurs–that is, if the user clicks the command button twice. 10.0global
onfocusStringThe JavaScript invoked if the onfocus event occurs–that is, if the focus is on the command button. 10.0global
onkeydownStringThe JavaScript invoked if the onkeydown event occurs–that is, if the user presses a keyboard key. 10.0global
onkeypressStringThe JavaScript invoked if the onkeypress event occurs–that is, if the user presses or holds down a keyboard key. 10.0global
onkeyupStringThe JavaScript invoked if the onkeyup event occurs–that is, if the user releases a keyboard key. 10.0global
onmousedownStringThe JavaScript invoked if the onmousedown event occurs–that is, if the user clicks a mouse button. 10.0global
onmousemoveStringThe JavaScript invoked if the onmousemove event occurs–that is, if the user moves the mouse pointer. 10.0global
onmouseoutStringThe JavaScript invoked if the onmouseout event occurs–that is, if the user moves the mouse pointer away from the command button. 10.0global
onmouseoverStringThe JavaScript invoked if the onmouseover event occurs–that is, if the user moves the mouse pointer over the command button. 10.0global
onmouseupStringThe JavaScript invoked if the onmouseup event occurs–that is, if the user releases the mouse button. 10.0global
renderedBooleanA Boolean value that specifies whether the component is rendered on the page. If not specified, this value defaults to true. 10.0global
reRenderObjectThe ID of one or more components that are redrawn when the result of an AJAX update request returns to the client. This value can be a single ID, a comma-separated list of IDs, or a merge field expression for a list or collection of IDs. 10.0global
statusStringThe ID of an associated component that displays the status of an AJAX update request. See the actionStatus component. 10.0global
styleStringThe style used to display the commandButton component, used primarily for adding inline CSS styles. 10.0global
styleClassStringThe style class used to display the commandButton component, used primarily to designate which CSS styles are applied when using an external CSS stylesheet. 10.0global
tabindexStringThe order in which this button is selected compared to other page components when a user presses the Tab key repeatedly. This value must be a number between 0 and 32767, with component 0 being the first component that is selected when a user presses the Tab key. 10.0global
timeoutIntegerThe amount of time (in milliseconds) before an AJAX update request should time out. 10.0global
titleStringThe text to display as a tooltip when the user’s mouse pointer hovers over this component. 10.0global
valueObjectThe text displayed on the commandButton as its label. 10.0global

See Also