Google Chrome Developers765 тыс
Опубликовано 16 ноября 2023, 0:00
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 → goo.gle/46hcYhS
Demo → goo.gle/40GSldL
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Chrome for Developers → goo.gle/ChromeDevs
#GUIchallenges #ChromeForDevelopers
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 → goo.gle/46hcYhS
Demo → goo.gle/40GSldL
Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Chrome for Developers → goo.gle/ChromeDevs
#GUIchallenges #ChromeForDevelopers
Свежие видео