Определение

Input — поле формы, предназначенное для ввода пользователем текстовой информации с помощью клавиатуры. Различаются 2 типа полей: однострочные и многострочные.

Варианты и состояния

• S input — предназначен для применения только внутри компонентов. 
• M input — подходит для большинства форм (используется в паре с M button)
• L input — предназначен для единичной формы на экране (например, экран авторизации пользователя), рабочем столе или системных мониторах (используется в паре с M button). На экранах с основным контентом — не применяется.

Основные правила

• Input используется для ввода коротких текстовых или цифровых значений, а также когда пользователям нельзя предложить готовый список для выбора.
• При вводе более 5 слов — применяется многострочное поле ввода (text area).
• Текстовые поля всегда должны иметь label, исключением из правил могут быть поля поиска, календаря и помещенные в другой компонент, где контекст вводимых данных очевиден.
• Поля без label всегда должны иметь подсказку внутри поля (placeholder).
• Поля обязательные для заполнения необходимо отмечать звездочкой рядом c label. Если вы используете звездочку, обязательно примените placeholder для объяснения ее значения. 
• Для всех текстовых вводов в Интернете пользователь, щелкающий в поле, вызывает текстовый курсор, чтобы иметь возможность печатать.

Построение

• Радиус скругления всех полей равен по-умолчанию 4px.
• Соблюдение отступов внутри и снаружи — обязательное условие.