Mission 9: Calibrating Controls
The life support panel needs two controls: one to toggle the energy shields, and another to choose exactly one destination for reserve power.
00:00
Mission Objective
The system requires a checkbox for the first task and radio buttons for the second.
Step 1 / 2
System Briefing: Specialized Inputs
Generic text input is not always sufficient. HTML provides a variety of input types tailored to specific data, which improves user experience and data integrity by providing specialized controls like sliders, color pickers, and calendars.
Specialized Input Types
type="checkbox"
: A check box. Allows zero or more selections from a group of options.type="radio"
: A radio button. Allows only one selection from a group. All radio buttons in a group must share the samename
attribute.type="number"
: For numerical input. Provides stepper arrows.type="date"
: Provides a date picker interface.type="color"
: Provides a color picker interface.