это поле обязательно к заполнению войти

Пометка обязательных полей в формах

Перевод статьи Nielsen Norman Group.

Аннотация: Использование звездочки для пометки обязательных полей — это простой способ улучшить удобство использования ваших форм. Отметка только необязательных полей затрудняет заполнение формы.

Общий вопрос на многих наших UX Conference: следует ли помечать обязательные поля в форме? Если большинство полей в форме являются обязательными, должны ли мы пометить их? (Это много пометок,в конце концов.) Краткий ответ — да. И оставшуюся часть статьи я объясню, почему.

Часто дизайнеры считают, что наличие пометок для каждого обязательного поля это уродливо, повторяющееся, занимает слишком много места, а с более длинными формами, может даже показаться деспотичным (форма требует от пользователя так много!). Таким образом, они обычно принимают одну или обе из следующих стратегий:

(Редко, в некоторых ситуациях дизайнеры ничего не делают: они просто предполагают, что пользователи будут волшебным образом знать, какие поля требуется обязательно заполнить; если пользователи этого не делают, им просто придется иметь дело с возникающей ошибкой.)

Приложение для кредитных карт Citicards (слева) содержит инструкции, написанные маленьким шрифтом и курсивом. Все поля обязательны для заполнения, если не указано иное в верхней части формы; Форма American Express (справа) вообще не содержала инструкций. В обеих формах были отмечены только необязательные поля: в случае Ситибанка с несколько неясной аббревиатурой опт.

Что не так с этими “стратегиями”? Есть несколько проблем:

Люди не читают инструкции в верхней части форм

Известно, что пользователи не читают инструкции, и еще реже они читают инструкции в верхней части формы. Поля формы кажутся самодостаточными — в конце концов, каждое поле имеет определенную инструкцию — свою метку, зачем нужно читать что-то еще, чтобы заполнить ее?

Даже если люди прочитали инструкции, они могут забыть их.

Вы можете подумать: если пользователи прочитали инструкцию сверху, то как они смогут так быстро забыть? Но они забывают — особенно если форма длинная или если они отвлекаются при заполнении (ситуация, которая часто встречается на мобильных устройствах). И даже если люди не забывают инструкции, вы увеличиваете их когнитивную нагрузку, заставляя помнить ненужную информацию. Другими словами, вы усложняете им задачу. Заполнение формы — это итак задача не из легких для пользователей, почему вы хотите усложнить это еще?

Люди должны анализировать форму, чтобы определить, является ли поле обязательным

Мы увидели, что независимо от того, указали ли вы инструкции в верхней части формы или нет, результат, скорее всего, будет одинаковым — люди будут их игнорировать или забывать. Итак, что происходит, когда пользователь заполняет форму? Как они узнают, обязательно ли поле для заполнения?

Что ж, более прилежные пользователи будут оглядываться, пытаясь выяснить — они анализируют форму и находят поле, помеченное как необязательное (иногда прокручивая страницу выше, как в примере с American Express, где первое необязательное поле появляется ниже мобильного сгиба); если пользователи найдут такое поле, они будут считать, что все, что не отмечено, обязательно для заполнения. Но это требует времени и затрат на взаимодействие — и опять же, зачем вам усложнять заполнение формы для ваших пользователей?

Однако большинство пользователей не будут искать примеров и анализировать форму, они просто сделают предположения. Например, они скажут: «Ну, номер телефона — им действительно не нужен мой номер телефона, не так ли? Может быть, я оставлю это поле пустым ». И даже если они заполняют это поле, необходимость сделать паузу, чтобы решить, нужно ли заполнение, замедляет взаимодействие и делает процесс более длительным и утомительным.(Помните, как бы вам ни хотелось думать иначе, никто не хочет заполнять форму — ни на маленьком, ни на большом экране.) Результатом будет ошибка отправки формы, которая означает, что потребуется еще больше времени на решение проблемы.

Решение простое: отметьте все обязательные поля. Будьте максимально честными и прозрачными: каждое поле, которое необходимо заполнить, отметьте как обязательное.

Здесь есть как минимум два варианта: звездочка (красная или нет) и слово «обязательно».

Источник

Обязательно или нет? Как отмечать поля в формах

Привет, я Антон, UX-дизайнер в eLama — платформе для автоматизации интернет-рекламы. Мы довольно часто работаем с формами. Раньше мы выделяли обязательные поля, но увидели мнение, что этот подход не самый правильный. Мы решили разобраться, а как правильно, но быстро поняли, что единых правил нет: кто-то делает акцент на обязательных полях, кто-то, наоборот, говорит, что некоторые поля можно пропустить. Попробуем сравнить самые распространенные подходы.

image loaderВсе делают по-разному

Самые распространенные способы

1. Отмечать обязательные поля звездочкой

image loader

➕ Занимает мало места.

➖ Обычно обязательных полей больше, чем необязательных, поэтому визуального шума тоже больше.

➖ Требуют расшифровки в коде для скринридера.

2. Подписывать необязательные поля

image loader

➕ Скорее всего, таких отметок будет немного, а значит, визуального шума будет меньше, чем от звездочек.

➕ Мы не давим на пользователя и не принуждаем его заполнять поля. Наоборот, мы экономим его время, показывая ему, что некоторые поля можно пропустить.

➖ Отметка может потеряться на фоне заголовка, и пользователь может ее не увидеть.

➖ Неочевидно, что поля в верхней части формы нужно заполнить обязательно. Пользователь может понять это, только когда увидит необязательные поля.

3. Вообще не отмечать поля, а показывать ошибки при отправке формы

image loader

➕ Отсутствие визуального шума. Особенно это важно в больших формах.

➖ Не всем понравится заполнять форму повторно после того, как она загорится красным.

➖ Не сразу понятно, какие поля можно пропустить, а какие нет.

4. Отмечать обязательные поля звездочкой, а необязательные —подписывать

image loader

➕ Согласно этому исследованию, такие формы самые удобные: пользователь сразу видит, какое поле пропустить можно, а какое нет.

➖ В больших формах такие отметки создают визуальный шум.

➖ Требуют расшифровки в коде для скринридера.

Важно: ставить обязательные поля выше необязательных

Если пользователь не заметит отметки, он скорее заполнит верхние поля. Если форма разбита на смысловые группы, в каждой из них обязательные поля должны быть выше, чем необязательные.

Как делаем в eLama

Мы решили использовать четвертый способ, потому что удобство пользователя важнее, и это преимущество перевешивает недостатки подхода.

image loaderТак обязательное поле не теряется даже в большой форме

Но в некоторых случаях мы используем и третий способ.

Когда не ставим отметки

1. Если поле одно

image loaderЧтобы разблокировать кнопку, можно сделать только одно: заполнить поле

2. Если можно заполнить любое поле

image loaderКнопка разблокируется, если заполнить любое из полей

Вместо заключения

Кроме этих способов наверняка есть и другие. Важно выбрать один-два подхода, которые подходят вашему продукту.

Спасибо Сергею Токареву и Елене Отроковой за помощь в подготовке материала и редактуру.

Источник

kfy4D2gcTcYCuV5gUNCGI6eR1iYqqdJtVShQdq4V

Форма и состав реквизитов платежного поручения

Платежное поручение — основной документ, используемый организациями при безналичных расчетах. С 10.09.2021 его форма и состав реквизитов определены положением Банка России «О правилах осуществления перевода денежных средств» от 29.06.2021 № 762-П. Допустимо составление поручения в электронном виде и на бумажном носителе.

ВНИМАНИЕ! Для уплаты налогов ООО и ИП, у которых есть расчетный счет в банке, заполняют платежные поручения. Физлицам для уплаты налогов ФНС присылает квитанцию по форме ПД-налог.

Поля платежного поручения представлены в рисунке ниже.

pic 1

Рассмотрим подробный порядок заполнения полей платежки.

Номер и дата платежного поручения

Номер и дата платежки — это поля 3 и 4 соответственно. Номер должен быть отличен от нуля и содержать максимум 6 символов. Дата в бумажном документе приводится в формате ДД.ММ.ГГГГ, а в электронном — в формате, установленном банком.

Как заполнить платежное поручение на уплату налогов, подробно разъяснили эксперты КонсультантПлюс. Получите бесплатно пробный доступ к системе К+ и переходите к Готовому решению.

Вид платежа

В поле 5 указывается вид платежа: «Срочно», «Электронно», «Почтой», иное значение в порядке, установленном банком. Если это предусмотрено банком, поле может оставаться пустым.

В электронной платежке значение указывается в виде кода, установленного банком.

Статус плательщика

Это поле 101. Его заполняют в налоговых платежках. Перечень кодов статуса приведен в приложении 5 к приказу Минфина России от 12.11.2013 № 107н. Основные коды:

Данные лица должны указывать единый код 13, который ранее использовали только обычные «физики».

Сумма платежа

Для указания суммы в платежке имеется 2 поля:

Информация о плательщике

Для нее предусмотрены следующие поля:

Об особенностях заполнения платежного документа при оплате налога третьим лицом читайте в статьях:

Банковские реквизиты плательщика

После указания плательщика приводятся его банковские реквизиты:

Информация о получателе платежа

Для получателя платежа необходимо указать ту же информацию, что и для плательщика, только немного в ином порядке. Сначала указываются его банковские реквизиты: наименование банка (в бумажной платежке), номер счета, БИК и корр. счет (поля 13, 14, 15 и 17).

С 01.05.2021 года в платежках на уплату налогов и взносов нужно обязательно указывать номер банковского счета, который входит в состав ЕКС, в поле 15. Также изменились реквизиты в полях 13,14 и 17. В период с 01.01.2021 по 30.04.2021 года банки будут принимать платежки как со старыми так и с новыми реквизитами. С 01.05.2021 можно использовать только новые реквизиты. О том, какие изменения произошли в реквизитах налоговых платежек с 2021 года, мы рассказали здесь.

ВАЖНО! Будьте внимательны при указании банка! Если сделать ошибку, налог (взнос) могут признать неуплаченным (п. 4 ст. 45 НК РФ). А значит, будут начислены пени.

После банковских реквизитов приводится информация о получателе: его наименование, ИНН и КПП (поля 16, 61 и 103).

В платежках по налогам и взносам в качестве получателей фигурируют те организации, которые их администрируют. При этом указывается сокращенное наименование органа Федерального казначейства и в скобках сокращенное наименование администратора, например: «УФК по г. Москве (ИФНС России № 16 по г. Москве)». Название нужно уложить в 160 символов — такая длина реквизита предусмотрена в приложении 11 к положению № 762-П.

ИНН и КПП можно узнать на сайтах ФНС России и ФСС.

Какие нюансы учесть при заполнении платежки на уплату страхвзносов, узнайте в Готовом решении от КонсультантПлюс. Если у вас еще нет доступа к системе, получите пробный онлайн-доступ бесплатно.

О том, где узнать реквизиты для налоговых платежей, читайте здесь.

Вид операции

Это поле 18. Здесь указывается шифр платежного поручения. Ему присвоен код 01 (приложение 1 к положению Банка России от 29.06.2021 № 762-П).

Срок и назначение платежа

Поля 19 «Срок платежа» и 20 «Назначение платежа» заполняются только в тех случаях, когда это прямо предусмотрено указаниями Банка России (приложение 1 к положению Банка России от 29.06.2021 № 762-П).

Так, в поручениях по налогам и взносам их оставляют пустыми. С 01.06.2020 в поле 20 нужно проставлять код вида дохода при платежах в адрес работников (по зарплате, пособиям и др.).

Подробнее о новых кодах в платежках на зарплату читайте здесь.

Очередность платежа

В поле 21 нужно указать очередность платежа в соответствии с гражданским законодательством. Для самостоятельно уплачиваемых налогов и взносов это 5.

Подробнее о заполнении данных об очередности платежа читайте здесь.

Поля 22 «Код» и 23 «Рез. поле»

Это поле предназначено для уникального идентификатора платежа (УИП). Его проставляют только тогда, когда он установлен получателем средств и доведен до плательщика (п. 1.1 указания Банка России от 15.07.2013 № 3025-У). Для текущих платежей по налогам, сборам и страховым взносам идентификатор не устанавливается. При этом в поле «Код» ставится 0. Оставлять поле незаполненным нельзя — банк не возьмет такую платежку к исполнению.

А вот резервное поле 23 в налоговых поручениях, наоборот, не заполняют.

Подробнее об УИП и о том, чем он отличается от УИН, читайте в этой статье.

Информация о платеже

В поручениях на перевод денег контрагентам указывают только назначение платежа: номер счета или договора, за что уплачивается НДС (это поле 24).

В платежках по налогам и взносам в обязательном порядке заполняются также поля 104–110. При этом нужно руководствоваться приказом Минфина России от 12.11.2013 № 107н. Рассмотрим эти поля далее.

Указываем КБК

Код бюджетной классификации (КБК) приводится в поле 104. В 2021 году перечень КБК определен приказом Минфина от 08.06.2020 № 99н. В 2022 году перечень нужно искать в новом приказе Минфина от 08.06.2021 № 75н.

Какие КБК изменились, см. здесь.

Приводим ОКТМО

Код по ОКТМО приводится в поле 105 в соответствии с Общероссийским классификатором территорий муниципальных образований (утвержден приказом Росстандарта от 14.06.2013 № 159-СТ). Он заменил код ОКАТО.

Этот код может состоять из 8 или 11 знаков:

Порядок распределения можно узнать из региональных нормативных актов или в ИФНС.

ОКТМО в платежном поручении должен соответствовать ОКТМО, указанному в налоговой декларации.

Таблица с кодами ОКТМО очень объемная, поэтому не всегда просто в ней ориентироваться. Указать правильный ОКТМО в расчете 6-НДФЛ вам поможет наш специальный сервис. Здесь достаточно ввести ИНН, если вы ИП или организация, либо адрес. Система быстро обработает запрос и выдаст нужный код.

3

О нюансах указания ОКТМО в платежках мы рассказывали здесь.

Основание платежа

В поле 106 указывается состоящий из 2 знаков код основания платежа. Основные коды следующие:

С 01.10.2021 в поле 106 больше не используются коды:

Вместо них нужно проставлять единый код ЗД — погашение задолженности по истекшим налоговым, расчетным (отчетным) периодам, в том числе добровольное.

Ранее код ЗД ставился только при добровольном погашении задолженности. Эта его функция также сохранилась.

В случае указания в поле 106 значения 0 ИФНС при невозможности однозначно идентифицировать платеж самостоятельно отнесет поступившие деньги к одному из оснований.

Налоговый период

Этот реквизит вносится в поле 107. Под него отводится 10 знаков, 2 из которых (3-й и 6-й) являются разделительными точками («.»). В общем виде он выглядит так: ХХ.ХХ.ХХХХ.

Показатель отражает периодичность уплаты налогового платежа или конкретную дату его уплаты, установленную законом.

Периодичность может быть месячной (МС), квартальной (КВ), полугодовой (ПЛ) или годовой (ГД).

В 4-м и 5-м знаках для месячных платежей проставляется номер месяца (от 01 до 12), для квартальных платежей — номер квартала (от 01 до 04), для полугодовых — номер полугодия (01 или 02).

7–10 знаки — это год, за который производится уплата налога.

При уплате налогового платежа 1 раз в год на месте 4-й и 5-й знаков показателя налогового периода ставится ноль (0). Если по годовому платежу предусматривается более 1 срока уплаты и установлены конкретные даты, то указываются эти даты.

Образцы заполнения показателя налогового периода:

МС.02.2021; КВ.01.2021; ПЛ.02.2021; ГД.00.2021; 04.09.2021.

Налоговый период указывается для платежей текущего года, а также в случае самостоятельного обнаружения ошибки в ранее представленной декларации и добровольной уплаты доначисленного налога (сбора) за истекший налоговый период при отсутствии требования налогового органа об уплате налогов (сборов). Основания платежа в поле 106 — ТП и ЗД соответственно.

Если гасится задолженность по требованию ИФНС, в формате «день.месяц.год» указывается срок уплаты, установленный в требовании, если задолженность по акту проверки (АП) — ставится 0.

В случае досрочной уплаты налога приводится 1-й предстоящий налоговый период, за который должна производиться уплата.

Поля 108 «Номер документа» и 109 «Дата документа»

В поле 108 указывается номер документа, который является основанием платежа.

Ноль (0) проставляется (п. 9 приложения 2, п. 6 приложения 4 к приказу Минфина России от 12.11.2013 № 107н):

В остальных случаях приводится номер документа, на основании которого переводится платеж. При этом знак № не ставится.

С 01.10.2021 по полю 108 можно отличить добровольное погашение задолженности от принудительного. Дело в том, что использовавшиеся ранее в поле 106 коды ТР, ПР, АП и АР нужно теперь указывать в поле 108 перед номером документа-основания:

В поле 109 отражается дата документа — основания платежа.

Формат даты следующий:

Для текущих платежей (ТП) приводится дата подписания декларации (расчета), для добровольно погашаемой задолженности прошлых периодов (ЗД) ставится ноль (0).

При недобровольном погашении задолженности с 01.10.2021 в поле 109 нужно указывать дату соответствующего документа:

Тип платежа (поле 110)

В настоящее время это поле не заполняется. Его нужно оставить пустым (подп. «г» п. 2 приложения к приказу Минфина России от 30.10.2014 № 126н, письмо Казначейства России от 03.04.2015 № 07-04-05/05-215).

Назначение платежа в налоговой платежке

В поле 24 «Назначение платежа» можно привести любую дополнительную информацию, связанную с платежом. В платежах по взносам следует всегда указывать месяц, за который идет перечисление. Дело в том, что при отсутствии такой пометки возможен зачет оплаты не в счет текущих платежей, а в счет погашения просроченной задолженности, если таковая имеется.

Заполненный образец полей платежного поручения в 2021 году можно скачать на нашем сайте по ссылке ниже:

Итоги

Источник

Обязательные поля формы

Дата публикации: 2016-10-03

100

От автора: приветствую вас, друзья. В этой статье мы с вами поговорим о валидации форм. Мы узнаем, как проверить форму перед отправкой на заполнение обязательных полей формы. Начнем?

Исходные файлы текущей статьи вы можете скачать по ссылке.

Итак, перед нами есть простейшая форма с полями, каждое из которых мы хотим сделать обязательным к заполнению. Каждое поле формы имеет тип text и примерно следующий код:

vmaster

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

1

Перед отправкой формы мы должны проверить каждое поле на предмет того, заполнено ли оно и, если какое-то из полей оказалось не заполнено, тогда мы должны уведомить об этом пользователя и не отправлять форму на сервер. В общем, нам необходима валидация формы в части проверки заполнения обязательных полей.

Ранее для валидации формы на клиенте нельзя было обойтись без возможностей JavaScript. Есть множество плагинов, позволяющих гибко провести валидацию формы и, в частности, проверить, заполнены ли обязательные поля. Однако в HTML5 можно вовсе обойтись без JavaScript и провести валидацию только средствами HTML5. Давайте посмотрим, как это сделать.

Итак, мы договорились, что все поля формы обязательны. Для того, чтобы это было так, нам достаточно использовать всего один атрибут, который необходимо добавить к обязательному полю, это атрибут required. Добавим его:

А теперь попробуем отправить форму, не заполняя ее.

2

Как видим браузер не дает отправить форму, подсказывая, что поле не заполнено. Чтобы помочь и подсказать пользователю, какие поля являются обязательными, принято рядом ставить красную звездочку, примерно так:

3

Вот теперь пользователь должен понять, какие поля являются обязательными к заполнению. Ну а атрибут required не даст отправить на сервер форму с незаполненными обязательными полями. Ну и, конечно же, не забывайте о том, что проверки формы только на клиенте отнюдь недостаточно. Эта проверка необходима, скорее, для удобства пользователей, не более того. Вы же возьмите себе за правило и не забывайте: валидация всегда необходима на сервере, в противном случае вы рискуете получить пустую форму или совсем не те данные, которые ожидаете, поскольку пользователь при желании легко может убрать атрибут required и отправить на сервер пустую форму. Это называется подделать форму.

Также стоит упомянуть о том, что кроме атрибута required, HTML5 предлагает нам и другие средства, позволяющие произвести простейшую валидацию и проверку формы на клиенте. Например, мы может проверить введен ли именно email в поле email, а не просто некая строка. Как это сделать — мы узнаем уже в следующей статье. Также не забывайте о том, что гибкая валидация формы возможно с помощью JavaScript. По этой теме вы можете посмотреть данный урок. На этом все. Удачи!

vmaster

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Источник

Поиск ответа

Вопрос № 303527

Добрый день, подскажите склоняются ли мужские фамилии Бауэр и Рытик? Люди утверждают, что не склоняются. Нужно уточнение для заполнения деловых документов.

Ответ справочной службы русского языка

Названные Вами мужские фамилии склоняются.

Ответ справочной службы русского языка

Добрый день.
Скажите, пожалуйста, как правильно:
все поля обязательны для заполнения
или
все поля обязательны к заполнению?
Спасибо

Ответ справочной службы русского языка

Добрый день.
Подскажите правильное написание: «Необязательно для заполнения » или «Не обязательно для заполнения » и какому правилу подчиняется.
Спасибо.

Ответ справочной службы русского языка

Здравствуйте! На формах отправки сообщений (контактные формы на сайтах и т.п.) часто пишут: «Поля, обязательные для заполнения » Бывает и вариант «Поля, обязательные к заполнению». Верен только первый вариант, или допустимы оба?

Ответ справочной службы русского языка

Согласно «Словарю сочетаемости русского языка», правильно только: _обязательные для заполнения _.

Подскажите, «Контактная информация не является обязательной для заполнения и не будет распространяться за пределы нашего Учебного центра» правильно ли писать «Учебный центр»? Мне кажется, правильно писать с прописной буквы, «учебный центр». Спасибо!

Ответ справочной службы русского языка

Слова _учебный центр_ следует писать с маленькой буквы.

Пожалуйста, подскажите, очень нужно для заполнения аттестатов, как правильно: документ выдан Чену Андрею Михайловичу или Чен Андрею Михайловичу? документ выдан Шестоуху Павлу Ивановичу или Шестоух Павлу Ивановичу?

Ответ справочной службы русского языка

а почему Алирза-оглы пишется через дефис? Или можно писать раздельно?Главное, скажите, как правильно ( для заполнения документов)

Ответ справочной службы русского языка

Согласно словарю «Прописная или строчная?» (В. В. Лопатин, И. В. Нечаева, А. К. Чельцова), часть _оглы_, как правило, пишется через дефис.

Источник

Adblock
detector