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

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 same name attribute.
  • type="number": For numerical input. Provides stepper arrows.
  • type="date": Provides a date picker interface.
  • type="color": Provides a color picker interface.

Editor