Form Control Input Elements - Instructions

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

The page shows a Reset Button, an Image and a Submit Button.

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

Form Control Elements

These are not your standard button and img elements. They are input elements of specific type.

They are not normally used like this out of context of forms, and you’ll see them in context in the forms section of the test pages.

Out of context they will just respond to events.

If you see these used out of context of a form in a live application then it probably a mistake and an button or img should be used instead.

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.