Thinking on ways to solve PICKLISTS
Chrome for Developers Chrome for Developers
750K subscribers
11,305 views
0

 Published On Nov 15, 2023

In today's GUI Challenge, @AdamArgyleInk shows how to leverage checkbox and radio groups for highly functional and beautiful picking experiences. Learn about implicit vs explicit label and input relationships, fieldset and legends, focus management, and more.

Chapters:
0:00 - Introduction
0:40 - Why picklists
2:57 - Fieldset
4:45 - Implicit vs Explicit input relationships
6:08 - Name attribute
6:50 - Keyboard interactions
8:53 - Taglist markup
11:10 - FormData().getAll()
12:35 - Debugging corner
15:23 - Accessibility Tree Tool
18:42 - Outro

Resources:
Source → https://goo.gle/46hcYhS
Demo → https://goo.gle/40GSldL

Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs

#GUIchallenges #ChromeForDevelopers

show more

Share/Embed