3.5.1 atoms.form-controls.input Input

Toggle example guides Toggle HTML markup

The <input> element is mostly used for text-based inputs that include the HTML5 types: text, search, tel, url, email, password, date, time, number, range, color, and file.

Styling

The border should light up simply and clearly indicating which field the user is currently editing.

Requirements

Element should have a .form-control class.

Examples
text
Type text
email
Type email
password
Type password
color
Type color
file
Type file
time
Type time
Markup: 02-atoms/form-controls/form-input.twig
<div class="form-group">
  <input type="{{ modifier_class }}" class="form-control" placeholder="{{ modifier_class }}">
</div>
Source: 02-atoms/form-controls/_input.scss, line 7