Bootstrap form components

Overview:

Bootstrap’s form controls expand on form styles with classes. Use these classes to opt into their customized displays for a more consistent rendering across browsers and devices.

Be sure to use an appropriate type attribute on all inputs (e.g., email for email address or number for numerical information) to take advantage of newer input controls like email verification, number selection, and more. [1]

Switches and switchboard

A SwitchInput is an implementation of Bootstap switch.

A Bootstap switch has the markup of a custom checkbox but uses additional CSS to render a toggle switch. SwitchInput uses switch role attribute to more accurately convey the nature of the control to assistive technologies that support this role. In older assistive technologies, it will simply be announced as a regular checkbox as a fallback. Switches also support the disabled attribute. [2]