Input & fields

Inputs and fields provide a consistent way for users to enter and manage information across Sharjah Government digital services.

Input & fields

Input fields are fundamental components of any digital interface, serving as the primary means for users to enter and edit information. Well-designed input fields enhance usability, reduce errors, and create a seamless user experience across all government digital services.

Clear labels

Every input field should have a clear, concise label that describes what information is expected. Labels should be positioned consistently across the system.

Validation feedback

Provide immediate, clear feedback on input validation. Show success states for correct entries and error messages that guide users toward resolution.

Error prevention

Design inputs to prevent errors before they occur. Use appropriate input types, helpful placeholder text, and clear formatting guidelines.

Accessibility first

Ensure all input fields are keyboard accessible, work with screen readers, and maintain sufficient color contrast for labels and error states.

Text input

Full name*

This field is required

Email input

Email address*

Phone input

Phone Number*

+971

Textarea

Comments

Maximum 500 characters

Select dropdown

Emirate*

[data-sds-select]{display:none}

Success

Valid

Email format is correct

Error

Invalid

Please enter a valid email address

The radio type

If the user has to choose from a selection of options, and if the options are less than or equal to 5, then use an input with type radio for the selection.

The checkbox type

Always prefer the use of checkboxes over a select for multiple option selections. Avoid the use of a multi select. If the choices for a user to select from exceed 10, you must include the option to "Select All"

Cookies

Use of Cookies by this site is just to guarantee Ease of Access and better user experience while browsing. Continuation of your browsing acknowledges your approval for Terms and Conditions of this site and its use of Cookies. Privacy Policy

Input & fields

Input & fields

Clear labels

Validation feedback

Error prevention

Accessibility first

Input types

Text input

Email input

Phone input

Textarea

Select dropdown

Input states

Default

Focus

Success

Error

Disabled

The radio type

The checkbox type