Button styles

The Application Builder allows us to define three different styles of buttons. As we'll see, the differences between these styles are not only with regards to their looks on the page, but also relate to the measure of control we have over them and their functionality.

HTML Button

This type of button utilizes the HTML<input> tag with the type="button" property to create the button. As such, the look of the button is Web browser dependent, and will be determined according to the standard look of the said button in each of the various Web browsers we'll use.

The APEX engine uses the onclick event to fire JavaScript code to implement the functionality of the button. It also adds the ID property and sets it to the button name.

Note

We'll discuss button names later in the chapter, but for now, remember that the button name is an all capital letters string that is not necessarily equal to the button label.

Using this type of button minimizes the HTML page code we need to use. However...