UI ELEMENTS
Form Inputs
Every common text input state in one place, so you can practice locators and assertions before moving on to more complex components.
How to use this page
Goal: Locate each input type below and verify its value, placeholder text, and state.
Challenge: A few inputs are disabled or read-only. Make sure your test correctly distinguishes between the two.
Text Input
A standard single-line text field with a placeholder.
Textarea
A multi-line field for longer text.
Password Field
Masked input with a show/hide toggle.
Email Field
Validates against a standard email pattern once you leave the field.
Number Input
Accepts numeric values only, with min, max, and step set.
Search Input
Includes a clear button that appears once you start typing.
Disabled Input
Cannot be focused or edited. Useful for testing disabled-state selectors.
Read-only Input
Can be focused and selected, but its value cannot change.
Need expert QA help? We offer team training, automation consulting, and end-to-end QA services.
Need this tested professionally?
Testing real forms on a production product? AssertQA delivers test automation services, manual testing services, and API testing services for teams that need real-world quality.
Talk to our QA team