UIUX 360 / 19-September-2022 / minute read

Form & Form Field States

The body of the form contains field elements that define how each element of the web page appears and behaves.

Your UI/UX Designer. Consultant. Partner. Over the past 18 years, I designed websites and apps for enterprise-level clients like Stanford-HCI Research, Accenture, Juniper Networks, Gemalto, Virtual Dental Care & much more.

G

H

J

K

M

N

O

Q

V

W

X

X-Height

Y

Yerkes-Dodson Law

Z

What is Form & Form Field States?

Overview

The body of the form contains field elements that define how each element of the web page appears and behaves. Each field may contain other fields, each with its own display component. A form field consists of several parts, which are encapsulated by a tag set: value expression.

Each form field has state and remote conditions that define the properties of the field. A form field state is a property that can be applied to a form element (i.e. checked, unchecked, enabled, disabled), whereas a remote state is the state of an element to trigger changes to different elements.

In signup flow or a clear data interface, forms are critical to business success and one of the most important components of digital product design.