YuezhenQin / responsive-web-design

1 stars 0 forks source link

Input and selection #14

Open YuezhenQin opened 7 months ago

YuezhenQin commented 7 months ago

Check

A check is made up of a square container and a checkmark icon. Image

YuezhenQin commented 7 months ago

Menu

Each menu is a container with an array of menu items.

YuezhenQin commented 7 months ago

Radio

A radio is made up of a circular container and a filled circle. Image

YuezhenQin commented 7 months ago

Slider

A slider is, at minimum, made of a track and knob(s). The slider can have one knob for the user to select a single value or two knobs to select a range.

Image

Image

Image

YuezhenQin commented 7 months ago

It is important to link each input to the corresponding label element. This provides assistive technology users with a visual reference to the input.

This is done by giving the label a for attribute, which contains the id of the input.