Form Controls

Form Controls

The form-control class gives text-based inputs and textareas a consistent Bootstrap appearance while preserving native HTML input behavior.

Core concept

Explain labels, input types, placeholders, sizing, readonly, disabled, and form-control-lg/sm. Emphasize that input type and name attributes are functional, not just visual details.

Using it in a real interface

Build a profile form with name, email, password, and biography fields. Explain why each field uses a specific input type and why placeholder text should not replace a label.

Implementation notes

Do not remove browser-native behavior unnecessarily. Native input types provide useful mobile keyboards, validation hints, and assistive-technology semantics.