Basic Input Elements - Instructions

Event enabled examples of some simple input elements that respond to click.

The page shows a Button, a Checkbox and Radio Buttons.

These all have a set of list items that show the events that are triggered.

Checkbox vs Radio Buttons

Both Checkbox and Radio Buttons are simple on/off controls.

The main difference is that Radio buttons are linked, so that when one is selected any other related radio button is unselected.

With Checkbox this is not the case, they can be independently controlled so we’ve only added one to the page.

For each of the controls you are encouraged to interact with them using they keyboard and the mouse to see what events fire for each control.

Try tabbing between the controls and using keyboard.

For each of the controls.

Try to automate them with your tool of choice.
You can use the event listing to assert on, or assert on the value and state from the control itself.

You can learn more about Testing Input Elements in our reference section.