3.5.1 atoms.form-controls.input Input
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.
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