Вторник , 26 Октябрь 2021

Ип номер: Я хочу проверить данные об ИП или компании в едином реестре (ЕГРИП/ЕГРЮЛ) | ФНС России

Содержание

Регистрационный номер в ПФР ИП как узнать

Регистрационный номер ИП в ПФР — это номер, идентифицирующий индивидуального предпринимателя в Пенсионном фонде. Он присваивается в момент постановки ИП на учет в территориальном отделении Пенсионного фонда. После внесения в ЕГРИП сведений о новом бизнесмене, налоговая служба передает данные в ПФР. Там в течение 3 дней происходит регистрация ИП и присвоение ему регистрационного номера предпринимателя в Пенсионном фонде.

СНИЛС и регистрационный номер ПФР ИП — это индивидуальные номера плательщика страховых взносов и получателя. Данные регистрационного номера необходимы для составления и отправки отчетности в ФНС и ПФР. А в самих ведомствах он нужен для определения предпринимателя.

Регистрационный номер ПФР у ИП состоит из трех блоков, всего 12 цифр. И расшифровывается следующим образом:

Первый блок — 3 цифры — код региона, в котором зарегистрирован предприниматель;

Второй блок — 3 цифры — код района постановки на учет;

Третий блок — 6 цифр — собственно регистрационный номер в ПФР.

 

Как узнать регномер ИП в ПФР?

Для того, чтобы платить страховые взносы и составлять верные отчеты, предпринимателю необходимо знать свой регистрационный номер. После постановки на учет эти данные высылаются по месту прописки предпринимателя. Но далеко не всегда письмо доходит до адресата. И тогда встает вопрос: как узнать номер ПФР для ИП? Чтобы это сделать, существует ряд способов:

  1. Можно направить запрос в территориальное отделение ПФР. Стоит помнить, что в таком случае ответа придется ждать длительное время.
  2. Позвонить в отделение ПФР. Специалист Пенсионного фонда может предоставить данную информацию удаленно, но из-за большой загруженности очень редко удается получить информацию таким способом.
  3. Запросить в ФНС выписку из ЕГРИП. В ней будет указан регистрационный номер ИП. Но стоит помнить, что сведения о регномере ИП в ПФР появляются в базе ЕГРИП только через 2-4 недели после государственной регистрации.
  4. Регистрационный номер ИП в ПФР можно узнать на сайте налоговой службы по данным ИНН и ОГРНИП. В разделе электронные сервисы необходимо будет выбрать опцию ИП/КФХ и ввести свои данные, после чего будет сформирован электронный документ, в нем в 18 пункте будет указан номер ИП.
  5. Еще один способ, как можно узнать регномер ПФР для ИП — это личный кабинет плательщика на сайте ПФР. На сайте в данном разделе внизу страницы есть поле — регистрационный номер ПФР. В него необходимо ввести 3 цифры — код своего региона и войти. Появится страница личного кабинета, там необходимо выбрать поле – «Забыли регистрационный номер ПФР?», ввести свой ИНН и после этого получить свой регистрационный номер.

Как узнать регистрационный номер в ПФР по ИНН онлайн 2021

Узнать коды статистики организации по ИНН можно самостоятельно и без обращения с официальным запросом в Росстат. В этом материале вы найдете несколько способов поиска и пошаговую инструкцию к ним. Пенсионный фонд присваивает номер страхователю (юридическому лицу или ИП) самостоятельно. Это происходит в течение 5 дней с даты получения им сведений о регистрации юридического лица или предпринимателя — регистрирующие органы передают информацию в ПФР. После присвоения данные о регистрации доступны в Едином государственном реестре юридических лиц (ЕГРЮЛ) или Едином государственном реестре индивидуальных предпринимателей (ЕГРИП).

Чтобы узнать номер ПФР по ИНН юридического лица или ИП, можно:

  • запросить выписку из ЕГРЮЛ или ЕГРИП;
  • прийти в Пенсионный фонд;
  • позвонить в отделение Пенсионного фонда России;
  • воспользоваться онлайн-сервисами для проверки информации о контрагентах (и собственных данных).

Первые три способа трудоёмкие: требуют затрат времени, а, иногда, и нервных клеток. Зачем куда-то звонить, идти или составлять официальные запросы, если можно узнать рег номер ПФР по ИНН онлайн.

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

Как узнать регистрационной номер в ПФР по ИНН — подробная инструкция

Разберем пошагово, как искать реквизиты с помощью разных интернет-ресурсов.

Узнать при помощи сервиса Контур Фокус

1. Доступно для пользователей платного сервиса или тех, кто запросил временный демодоступ. Войдя в аккаунт, достаточно ввести известные сведения в строку поиска. В качестве примера используем ПАО «Сбербанк». Наименование контрагента и вся информация о нём появится на экране.

2. Регистрационный номер в ПФР доступен только в выписке из ЕГРЮЛ, которую можно мгновенно сформировать нажатием на соответствующую кнопку.

3. В сформированной на актуальную дату выписке будет необходимая информация.

Узнать при помощи сервиса СКРИН@АСТРАЛ

Способ для пользователей платного сервиса (демо-доступа к проверке нет).

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

2. По ИНН находится не только головное предприятие, но и все когда-либо зарегистрированные, и даже уже ликвидированные подразделения. Для получения информации нажмём на первую ссылку.

3. На открывшейся странице видна подробная информация о контрагенте, в том числе состав учредителей и доля их участия в уставном капитале. Но регномер в Пенсионном фонде можно получить только из выписки. Сервис позволяет сформировать актуальную выписку или посмотреть архивную в формате Word.

4. В выписке вы найдёте нужную информацию.

Узнать при помощи сервиса Unirate24

1. Баланс пополняют в личном кабинете после регистрации на сайте. Провести оплату можно через номер расчётного счёта или с помощью банковской карты. Выбрав вид выписки, нажимают кнопку «Далее» и вводят ИНН.

2. В полученной выписке найдутся нужные сведения.

Узнать при помощи сервиса ФНС РФ

1. На сайте Налоговой службы вводятся ИНН и код с картинки, затем — кнопка «Найти».

2. В результатах поиска появится наименование организации и основные реквизиты, среди которых нет регистрационного номера ПФР. Чтобы узнать ПФР по ИНН нажимают на ПДФ-файл с названием организации.

3. Файл с выпиской из ЕГРЮЛ откроется в новой вкладке. В этом файле найдутся сведения о регистрации ПАО «Сбербанк» в качестве страхователя в Пенсионном фонде.

Что означает регистрационный номер индивидуального предпринимателя?

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

Регистрационный номер индивидуального предпринимателя имеют все хозяйствующие субъекты, которые зарегистрированы на территории России. В настоящее время любое лицо имеет возможность узнать регистрационный номер индивидуального предпринимателя. Для этого необходимо перейти на официальный сайт налоговой службы и воспользоваться сервисом «Проверка контрагента». Работа в этом сервисе достаточно простая и доступна любому пользователю.
Официальным документом, в котором содержится основной регистрационный номер, является Свидетельство о государственной регистрации предпринимателя или организации. Если ИНН, который указан в Свидетельстве о постановке юридического лица на налоговый учет, помогает узнать довольно большой спектр информации о нем, то основной регистрационный номер содержит только ограниченное количество информационных данных. Основной регистрационный номер также может именоваться как код ОГРН или просто ОГРН.
ОГРН представляет комбинацию тринадцати чисел. Каждая цифра несет конкретную информацию о предпринимателе или юридическом лице. Наиболее подробно рассмотрим значение и смысл каждого числового значения в номере.
Первая цифра в коде ОГРН свидетельствует о том, в какой форме собственности представлено юридическое лицо. Единица означает, что имущество предприятия базируется на частной форме собственности. Цифра два означает, что организация основана на государственной форме собственности. У ИП первой цифрой является тройка. Сокращенно регистрационный номер индивидуального предпринимателя обозначается ОГРНИП.
Следующие две цифры покажут информацию, в каком году был зарегистрирован предприниматель.
О регионе страны, где хозяйствующий субъект официально зарегистрировался, покажут четвертая и пятая цифры.
Информацию о налоговом органе, в котором был зарегистрирован предприниматель, содержат в коде ОГРН шестая и седьмая цифры.
Восьмая, девятая, десятая, одиннадцатая и двенадцатая означают порядковый номер принятого решения о регистрации предпринимателя. Именно сочетание этих числовых значений для предприятий является уникальным и таким образом организации подлежат индивидуализации.
Последнее число является частным от деления значения, состоящего из первых двенадцати цифр на одиннадцать.
Если рассматривать такого субъекта хозяйственной деятельности как индивидуального предпринимателя, то его основной регистрационный номер будет состоять не из тринадцати, а из пятнадцати цифр.
ОГРНИП присваивается при проведении регистрации хозяйствующего субъекта в налоговой инспекции. ОГРНИП присваивается один раз и сохраняется за хозяйствующим субъектом на весь период осуществления хозяйственной деятельности. Код ОГРНИП не подлежит изменению даже при внесении предпринимателем изменений в данные, указанные им при обращении в налоговую инспекцию за проведением государственной регистрации.
Отличием ОГРНИП от ОГРН других предприятий производится на основании порядкового номера решения налоговой инспекции о проведении государственной регистрации в этом статусе. Если у предприятий порядковый номер записи состоит из пяти чисел, то для индивидуального предпринимателя он состоит из девяти числовых значений.

 

 

Полезные статьи:

Индивидуальный предприниматель пенсионер
Вопросы о регистрации ИП по месту прописки
Персонифицированный учет ИП

Регистрация ИП в качестве работодателя в 2021

С 2017 года ИП не регистрируются в пенсионном фонде после найма первого сотрудника.

Как было раньше?

До 2017 года ИП регистрировались как работодатели в ПФР и ФСС. С 2017 годы взносы контролирует налоговая. Пенсионный фонд больше не регистрирует ИП-работодателей.

Нужно ли сообщать налоговой о найме сотрудника?

Тоже не нужно. Налоговая говорит об этом в письме. Она и так узнает о сотрудниках ИП из квартальной отчётности по взносам.

Как получить регистрационный номер в ПФР?

Если вы наняли первого сотрудника после 1 января 2017 года, у вас будет только один регномер в ПФР — тот, который выдали сразу после регистрации ИП. Указывайте его в отчётности за сотрудников.

Нужно ли регистрироваться в ФСС?

Да — зарегистрируйтесь в ФСС в течение 30 календарных дней после найма первого сотрудника по трудовому договору. Сообщать о работнике по гражданско-правовому договору нужно только в том случае, если в договоре предусмотрено, что вы платите за сотрудника взносы на травматизм. Для регистрации в ФСС понадобятся:

  • заявление
  • копия вашего паспорта
  • трудовые книжки сотрудников
  • гражданско-правовые договоры, если в них установлены взносы на травматизм.

Вы можете зарегистрироваться в ФСС удалённо, заполнив электронную форму на портале Госуслуг.

О том, как ИП принять первого сотрудника на работу, мы рассказывали раньше. 

Сдавайте отчётность без бухгалтерских знаний

Эльба подходит для ИП и ООО с сотрудниками. Сервис подготовит всю необходимую отчётность, посчитает зарплату, налоги и взносы и сформирует платёжки.

Нужно ли сниматься с учёта в ФСС?

Если вы уволили всех сотрудников и нанимать новых не собираетесь, то да, с учёта в ФСС можете сняться, чтобы не подавать нулёвки. Для этого в ФСС нужно будет предоставить:

— заявление 

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

Сняться с учёта можно также через Госуслуги. ФСС снимет ИП с учёта в течение 14 дней.

При этом помните, что большинство отчётов нужно будет подавать до конца года всё равно, потому что они строятся нарастающим итогом. Это 6-НДФЛ, 4-ФСС, РСВ и 2-НДФЛ по итогам года. СЗВ-М подавать будет не нужно. 

Банк для малого бизнеса — обслуживание юридических лиц и индивидуальных предпринимателей (ИП и ООО)

А Армавир Амурск Ангарск

Б Бикин Благовещенск Белогорск Биробиджан

В Владивосток Ванино Вяземский Волгоград Волжский Вологда Воронеж

Д Де-Кастри

Е Екатеринбург

И Иркутск

К Казань Краснодар Красноярск Комсомольск-на-Амуре Калининград Киров

М Москва

Н Нефтекамск Новороссийск Находка Николаевск-на-Амуре Нижний Новгород Новосибирск Нижний Тагил

О Октябрьский Омск

П Петрозаводск Переяславка Пермь

Р Ростов-на-Дону Рязань

С Санкт-Петербург Стерлитамак Сегежа Сыктывкар Сочи Ставрополь Советская Гавань Солнечный Соловьевск Самара Саратов

Т Туймазы Тында Томск Тюмень

У Уфа Ухта Уссурийск

Х Хабаровск Хор

Ч Чегдомын Челябинск Чита

Ю Южно-Сахалинск

IP-телефония, цифровая, voip, интернет-телефония для мобильных телефонов.

Москва
Москва
0,70 p
Центр
Белгород, Белгородская область, Брянск, Брянская область, Владимир, Владимирская область, Воронеж, Воронежская область, Иваново, Ивановская область, Калуга, Калужская область, Кострома, Костромская область, Курск, Курская область, Липецк, Липецкая область, Московская область, Орел, Орловская область, Рязанская область, Рязань, Смоленск, Смоленская область, Тамбов, Тамбовская область, Тверская область, Тверь, Тула, Тульская область, Ярославль, Ярославская область
1,19 p
Северо-Запад
Архангельск, Архангельская область, Великий Новгород, Вологда, Вологодская область, Калининград, Калининградская область, Карелия, Коми, Ленинградская область, Мурманск, Мурманская область, Новгородская область, Петрозаводск, Псков, Псковская область, Санкт-Петербург, Сыктывкар, Череповец, Череповец регион
1,26 p
Поволжье
Башкортостан, Ижевск, Йошкар-Ола, Казань, Киров, Кировская область, Марий Эл, Мордовия, Набережные Челны, Нижегородская область, Нижний Новгород, Оренбург, Оренбургская область, Пенза, Пензенская область, Самара, Самарская область, Саранск, Саратов, Саратовская область, Татарстан, Тольятти, Удмуртия, Ульяновск, Ульяновская область, Уфа, Чебоксары, Чувашия
1,26 p
Юг
Адыгея, Астраханская область, Астрахань, Владикавказ, Волгоград, Волгоградская область, Грозный, Дагестан, Ингушетия, Кабардино-Балкария, Калмыкия, Карачаево-Черкесия, Краснодар, Краснодарский край, Крым, Майкоп, Махачкала, Минеральные Воды, Назрань, Нальчик, Ростов-на-Дону, Ростовская область, Севастополь, Северная Осетия, Симферополь, Сочи, Ставрополь, Ставропольский край, Черкесск, Чеченская Республика, Элиста
1,26 p
Урал
Екатеринбург, Курган, Курганская область, Ноябрьск, Пермская область, Пермь, Салехард, Свердловская область, Сургут, Тюменская область, Тюмень, Ханты-Мансийский АО, Челябинск, Челябинская область, Ямало-Ненецкий АО
1,26 p
Сибирь
Абакан, Алтайский край, Барнаул, Бурятия, Горно-Алтайск, Иркутск, Иркутская область, Кемерово, Кемеровская область, Красноярск, Красноярский край, Кызыл, Новокузнецк, Новосибирск, Новосибирская область, Омск, Омская область, Республика Алтай, Томск, Томская область, Тыва, Улан-Удэ, Хакасия, Чита, Читинская область
1,61 p
Дальний Восток
Амурская область, Анадырь, Биробиджан, Благовещенск, Владивосток, Еврейский АО, Камчатскиий край, Магадан, Магаданская область, Петропавловск-Камчатский, Приморский край, Сахалинская область, Хабаровск, Хабаровский край, Чукотский АО, Южно-Сахалинск, Якутия (Саха), Якутск
2,52 p
СПС
мобильные — БиЛайн, мобильные — МТС, мобильные — Мегафон, мобильные — Теле2, мобильные — прочие
2,45 p

Настройка и использование сервиса динамического DNS от No-IP (для версий NDMS 2.11 и более ранних)

NOTE: В данной статье показана настройка версий ОС NDMS 2.11 и более ранних. Настройка актуальной версии ПО представлена в статье «Доменное имя DDNS».

Помимо сервиса KeenDNS, в интернет-центре серии Keenetic вы можете использовать сторонние службы динамических DNS (например, DynDNS, NO-IP или TZO). Далее рассмотрим подробно один из таких сервисов No-IP. Данный сервис предназначен для того, чтобы присвоить вашему интернет-центру красивое постоянное доменное имя, которое не будет зависеть от того, какой IP-адрес используется (динамический или статический), и которое будет легко запомнить. Имя хоста с динамическим DNS будет иметь вид yourname.no-ip.org (*.no-ip.biz, *.no-ip.info) и станет привязано к вашему динамическому IP-адресу. Когда IP-адрес изменится, клиент динамического DNS (интернет-центр серии Keenetic) направит на No-IP уведомление с указанием текущего IP-адреса, и затем уже No-IP распространит изменения в Интернете в считанные секунды.
Важно! Использование сервиса динамического DNS возможно только с «белым» публичным IP-адресом на внешнем (WAN) интерфейсе интернет-центра, через который осуществляется подключение к Интернету.

Для того чтобы воспользоваться сервисом No-IP, необходимо зарегистрироваться на сайте www.noip.com и создать учетную запись.
Внимание! Скриншоты (копии экранов) в данной статье сделаны на момент её написания. Оформление и структура сайта www.noip.com могут быть изменены владельцами.
На момент написания статьи для бесплатного аккаунта действовали следующие ограничения: до 3-х доменных имен третьего уровня, ограниченный выбор доменов и подтверждение активности аккаунта каждых 30 дней.

Зайдите на сайт и в разделе Personal Use нажмите кнопку Get Started.

Вам будет предложено несколько вариантов предоставления услуг. В нашем примере выберем бесплатный сервис No-IP Free. Для регистрации новой учетной записи нажмите кнопку Sign Up Now.

В окне Create Your No-IP Account заполните следующие регистрационные данные:

В поле Username укажите имя пользователя, в полях Password и Confirm Password введите пароль к данной учетной записи.
В поле Email укажите ваш адрес электронной почты (e-mail).
В поле Hostname укажите ваше доменное имя и один из вариантов домена. В нашем примере динамическому IP-адресу будет соответствовать доменное имя zyxeltest2.no-ip.biz.

Для создания учетной записи нажмите кнопку Sign Up, которая находится под колонкой Free DNS внизу страницы.

Спустя некоторое время на указанный вами e-mail придет уведомление с предложением активировать созданную учетную запись. Пройдите по ссылке, содержащейся в письме.
Вас автоматически перенаправят в ваш личный кабинет.

Теперь вам необходимо добавить информацию об устройстве (хосте). Нажмите Add a Host в меню вашего личного кабинета.

В поле Hostname укажите доменное имя, а также выберите один из вариантов домена. По указанному доменному имени (в нашем примере – по имени zyxeltest2.no-ip.biz) устройство (интернет-центр) будет отвечать в Интернете.

Нажмите кнопку Update Host внизу страницы для сохранения настроек.

Внимание! Если вы хотите использовать бесплатный сервис, выбирайте домен в поле Hostname из раздела No-IP Free Domains.

Теперь хост создан и отображается в списке Manage Hosts.

Вы можете проверить активность доменного имени командой: ping имя_хоста (в нашем примере это команда ping zyxeltest2.no-ip.biz).

В нашем примере по результатам пинга видно, что по указанному доменному имени отвечает IP-адрес интернет-центра.

Таким образом, учетная запись на сервисе No-IP была создана и включена.

Теперь перейдем к настройкам интернет-центра серии Keenetic. Подключитесь к веб-конфигуратору и зайдите в меню Интернет > DyDNS для настройки службы динамического DNS.

В поле Используемый сервис выберите NoIP из выпадающего списка.
В поле Доменное имя укажите зарегистрированное доменное имя, которое было указано в поле Hostname на сайте No-IP при регистрации.
В поле Имя пользователя укажите e-mail, зарегистрированный на сайте No-IP (в поле Email).
В поле Пароль введите пароль, который был указан в поле Password на сайте No-IP при регистрации.

Установите галочку напротив интерфейса, через который ваш интернет-центр осуществляет выход в Интернет (в нашем примере это интерфейс ISP).

Для удаленного доступа к веб-конфигуратору интернет-центра из Интернета необходимо в настройках Межсетевого экрана настроить правило для интерфейса ISP для доступа по номеру порта 80 (HTTP) на локальный IP-адрес устройства (по умолчанию 192.168.1.1). Пример настройки удаленного доступа к интернет-центру серии Keenetic на микропрограмме второго поколения NDMS V2 представлен в статье: «Настройка удаленного доступа к интернет-центру из Интернета»

Теперь, вне зависимости от смены IP-адреса, интернет-центр будет доступен вам для управления из Интернета по доменному имени службы No-IP (в нашем примере – по имени zyxeltest2.no-ip.biz). 

 

Примечание

 

Если для доступа в Интернет ваш провайдер предоставляет (назначает) «серый» IP-адрес, в этом случае рекомендуем пользоваться нашим собственным бесплатным сервисом доступа к устройству и домашней сети извне KeenDNS. Наш сервис работает вне зависимости от наличия «белого» IP-адреса на внешнем WAN-интерфейсе. Поддержка сервиса доменных имен KeenDNS была реализована в микропрограммах, начиная с версии NDMS 2.07.B2. Более подробную информацию вы можете найти в статье: «Использование сервиса доменных имен KeenDNS»

 

KB-3295

— HTML: язык разметки гипертекста

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

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

A Число , представляющее значение числа, введенного во входные данные. Вы можете установить значение по умолчанию для ввода, включив число в атрибут значение , например:

    

В дополнение к атрибутам, обычно поддерживаемым всеми типами , входы типа номер поддерживают следующие атрибуты:

Атрибут Описание
список id элемента , который содержит необязательные предопределенные параметры автозаполнения
макс. Максимальное значение для этого ввода
мин. Минимальное значение для этого ввода
заполнитель Пример значения для отображения внутри поля, когда оно пусто
только чтение Логический атрибут, указывающий, доступно ли значение только для чтения
шаг Шаговый интервал, используемый при использовании стрелок вверх и вниз для настройки значения, а также для проверки.

list

Значения атрибута list — это id элемента , расположенного в том же документе. предоставляет список предопределенных значений, которые можно предложить пользователю для этого ввода. Любые значения в списке, несовместимые с типом , не включаются в предлагаемые варианты. Предоставленные значения являются предложениями, а не требованиями: пользователи могут выбрать из этого предопределенного списка или указать другое значение.

макс.

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

Это значение должно быть больше или равно значению атрибута min .

мин.

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

Это значение должно быть меньше или равно значению атрибута max .

заполнитель

Атрибут заполнителя — это строка, которая дает пользователю краткую подсказку относительно того, какая информация ожидается в поле. Это должно быть слово или короткая фраза, демонстрирующая ожидаемый тип данных, а не пояснительное сообщение. Текст не должен содержать символов возврата каретки или перевода строки.

Если содержимое элемента управления имеет одну направленность (LTR или RTL), но должно представлять заполнитель в противоположной направленности, вы можете использовать символы форматирования двунаправленного алгоритма Unicode, чтобы переопределить направленность внутри заполнителя; см. Переопределение двунаправленного текста с помощью управляющих символов Unicode в Алгоритме двунаправленного текста Unicode для этих символов.

только для чтения

Логический атрибут, который, если он присутствует, означает, что это поле не может редактироваться пользователем. Однако его значение все еще можно изменить с помощью кода JavaScript, напрямую установив свойство HTMLInputElement value .

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

шаг

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

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

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

Значение шага по умолчанию для входов number 1 , что позволяет вводить только целые числа — , если не является целым числом.

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

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

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

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

Простой ввод числа

В самом простом виде ввод числа может быть реализован следующим образом:

  
  

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

Заполнители

Иногда бывает полезно предложить контекстную подсказку относительно того, какую форму должны принимать входные данные. Это может быть особенно важно, если дизайн страницы не предлагает описательных меток для каждого . Здесь на помощь приходит заполнителей . Заполнитель — это значение, наиболее часто используемое для подсказки относительно формата, в котором ввод должен принимать значение .Он отображается внутри поля редактирования, если для элемента значение равно "" . После ввода данных в поле заполнитель исчезает; если поле пусто, заполнитель появляется снова.

Здесь у нас есть ввод числа с заполнителем «, кратное 10 ». Обратите внимание, как заполнитель исчезает и появляется снова, когда вы манипулируете содержимым поля редактирования.

    

Управление размером шага

По умолчанию кнопки «вверх» и «вниз», позволяющие перемещать число вверх и вниз, будут увеличивать или уменьшать значение на 1.Вы можете изменить это, предоставив атрибут step , который принимает в качестве своего значения число, определяющее величину шага. В нашем примере выше есть заполнитель, говорящий, что значение должно быть кратно 10, поэтому имеет смысл добавить значение step , равное 10 :

.
    

В этом примере вы должны обнаружить, что стрелки шага вверх и вниз будут увеличивать и уменьшать значение каждый раз на 10, а не на 1.Вы по-прежнему можете вручную ввести число, не кратное 10, но оно будет считаться недействительным.

Указание минимального и максимального значений

Вы можете использовать атрибуты min и max , чтобы указать минимальное и максимальное значение, которое может иметь поле. Например, давайте дадим нашему примеру минимум 0 и максимум 100 :

.
    

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

Разрешение десятичных значений

Одна проблема с числовым вводом заключается в том, что их размер шага по умолчанию равен 1. Если вы попытаетесь ввести число с десятичной дробью (например, «1.0»), оно будет считаться недействительным. Если вы хотите ввести значение, требующее десятичных знаков, вам необходимо отразить это в значении step (например, step = "0,01" , чтобы разрешить десятичные дроби до двух знаков после запятой). Вот простой пример:

    

Обратите внимание, что в этом примере допускается любое значение от 0,0 до 10,0 с десятичными знаками до двух разрядов. Например, «9,52» допустимо, а «9,521» — нет.

Управление размером ввода

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

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

    

Затем мы добавляем CSS, чтобы сузить ширину элемента с помощью селектора id #number :

Результат выглядит так:

Предлагаемые значения

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

  
 


    

Мы уже упоминали ряд функций валидации входов number , но давайте рассмотрим их сейчас:

  • элементов автоматически аннулируют любую запись, которая не является числом (или пуста, если не указано required ).
  • Вы можете использовать атрибут required , чтобы сделать пустую запись недействительной. (Другими словами, ввод должен быть заполнен .)
  • Вы можете использовать атрибут step , чтобы ограничить допустимые значения определенным набором шагов (например, кратными 10).
  • Вы можете использовать атрибуты min и max , чтобы ограничить допустимые значения нижними и верхними границами.

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

  <форма>
  
Требуется

Попробуйте отправить форму с другими введенными недопустимыми значениями — e.г., без значения; значение ниже 0 или выше 100; значение, не кратное 10; или нечисловое значение — и посмотрите, как сообщения об ошибках, которые выдает вам браузер, отличаются от других.

CSS, примененный к этому примеру, выглядит следующим образом:

  div {
  нижнее поле: 10 пикселей;
}

input: invalid + span: after {
  содержание: '✖';
  отступ слева: 5 пикселей;
}

input: valid + span: after {
  содержание: '✓';
  отступ слева: 5 пикселей;
}  

Здесь мы используем псевдоклассы : invalid и : valid для отображения соответствующего недопустимого или допустимого значка в качестве сгенерированного содержимого на соседнем элементе в качестве визуального индикатора достоверности.

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

Важно : проверка формы HTML — это , а не , заменяющий сценарии на стороне сервера, которые гарантируют, что введенные данные находятся в правильном формате!

Для кого-то слишком легко внести изменения в HTML, которые позволят им обойти проверку или полностью удалить ее.Также есть возможность обойти ваш HTML и отправить данные прямо на ваш сервер.

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

Проверка шаблона

Элементы не поддерживают использование атрибута pattern для приведения введенных значений в соответствие с определенным шаблоном регулярного выражения.

Обоснование этого состоит в том, что числовые входы не будут действительными, если они содержат что-либо, кроме чисел, и вы можете ограничить минимальное и максимальное количество действительных цифр, используя атрибуты min и max (как описано выше).

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

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

HTML-код выглядит так:

  <форма>
    
Введите свой рост -

Вы увидите, что мы используем многие из атрибутов, которые уже рассматривали в статье ранее.Поскольку мы хотим принять значение метра в сантиметрах, мы установили значение step равным 0,01 , чтобы такие значения, как 1,78 , не считались недопустимыми. Мы также предоставили заполнитель для этого ввода.

Изначально мы скрыли вводы футов и дюймов, используя style = "display: none;" , поэтому по умолчанию используется счетчик.

Теперь о CSS. Это очень похоже на стиль проверки, который мы видели раньше; здесь ничего примечательного.

  div {
  нижнее поле: 10 пикселей;
  положение: относительное;
}

input [type = "number"] {
  ширина: 100 пикселей;
}

input + span {
  отступ справа: 30 пикселей;
}

input: invalid + span: after {
  позиция: абсолютная;
  содержание: '✖';
  отступ слева: 5 пикселей;
}

input: valid + span: after {
  позиция: абсолютная;
  содержание: '✓';
  отступ слева: 5 пикселей;
}  

И, наконец, JavaScript:

  пусть meterInputGroup = document.querySelector ('. MeterInputGroup');
пусть feetInputGroup = документ.querySelector ('. feetInputGroup');
let meterInput = document.querySelector ('# метров');
let feetInput = document.querySelector ('# футов');
let дюймыInput = document.querySelector ('# дюймов');
пусть switchBtn = document.querySelector ('input [type = "button"]');

switchBtn.addEventListener ('щелчок', function () {
  if (switchBtn.getAttribute ('class') === 'meter') {
    switchBtn.setAttribute ('класс', 'ноги');
    switchBtn.value = 'Введите высоту в метрах';

    meterInputGroup.style.display = 'нет';
    feetInputGroup.style.display = 'блок';

    feetInput.setAttribute ('обязательно', '');
    дюймыInput.setAttribute ('обязательно', '');
    meterInput.removeAttribute («обязательно»);

    meterInput.value = '';
  } еще {
    switchBtn.setAttribute ('класс', 'метры');
    switchBtn.value = 'Введите высоту в футах и ​​дюймах';

    meterInputGroup.style.display = 'блок';
    feetInputGroup.style.display = 'нет';

    feetInput.removeAttribute ('обязательно');
    дюймыInput.removeAttribute ('обязательно');
    meterInput.setAttribute ('обязательно', '');

    футовВход.значение = '';
    дюймыInput.value = '';
  }
});  

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

(Обратите внимание, что здесь мы не конвертируем метры и футы / дюймы туда и обратно, что, вероятно, могло бы сделать реальное веб-приложение.)

Примечание: Когда пользователь нажимает кнопку, требуемых атрибутов удаляются из входных данных, которые мы скрываем, и очищаем значение атрибута (ов) . Это сделано для того, чтобы форму можно было отправить, если оба набора входных данных не заполнены. Это также гарантирует, что форма не будет отправлять данные, которые пользователь не имел в виду.

Если вы этого не сделали, вам нужно будет заполнить и метров в футах / дюймах, чтобы отправить форму!

Таблицы BCD загружаются только в браузере

Типы ввода HTML


В этой главе описываются различные типы элемента HTML .


Типы ввода HTML

Вот различные типы ввода, которые вы можете использовать в HTML:

Совет: Значение по умолчанию для атрибута типа является «текст».


Тип ввода Текст

определяет однострочное поле ввода текста :

Пример









Попробуй сам »

Вот как HTML-код выше будет отображаться в браузере:

Имя:

Фамилия:


Тип ввода Пароль

определяет поле пароля :

Пример









Попробуй сам »

Вот как HTML-код выше будет отображаться в браузере:

Имя пользователя:

Пароль:

Символы в поле пароля замаскированы (показаны звездочками или кружками).



Тип ввода Отправить

определяет кнопку для отправка данных формы обработчику форм .

Обработчик формы обычно представляет собой страницу сервера со сценарием для обработки входные данные.

Обработчик формы указан в действии формы атрибут:

Пример












Попробуй сам »

Вот как HTML-код выше будет отображаться в браузере:

Если вы опустите атрибут значения кнопки отправки, кнопка получит текст по умолчанию:

Пример












Попробуй сам »

Сброс типа входа

определяет кнопку сброса который сбросит все значения формы до значений по умолчанию:

Пример













Попробуй сам »

Вот как HTML-код выше будет отображаться в браузере:

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


Тип входа Радио

определяет переключатель .

Радиокнопки позволяют пользователю выбрать ТОЛЬКО ОДИН из ограниченного числа вариантов:

Пример

Выберите свой любимый язык Интернета:










Попробуй сам »

Вот как HTML-код выше будет отображаться в браузере:

HTML
CSS
JavaScript

Флажок типа ввода

определяет флажок .

Флажки позволяют пользователю выбрать НОЛЬ или БОЛЬШЕ вариантов из ограниченного числа вариантов.

Пример










Попробуй сам »

Вот как HTML-код выше будет отображаться в браузере:

У меня есть велосипед
у меня есть машина
у меня есть лодка

Кнопка типа ввода

определяет кнопку :

Пример

Попробуй сам »

Вот как HTML-код выше будет отображаться в браузере:


Тип ввода Цвет

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

В зависимости от поддержки браузером палитра цветов может отображаться в поле ввода.

Пример




Попробуй сам »

Тип ввода Дата

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

В зависимости от поддержки браузером в поле ввода может отображаться выбор даты.

Пример




Попробуй сам »

Вы также можете использовать атрибуты min и max , чтобы добавить ограничения для дат:

Пример








Попробуй сам »

Тип ввода Локальная дата и время

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

В зависимости от поддержки браузером в поле ввода может отображаться выбор даты.

Пример




Попробуй сам »

Тип ввода Электронная почта

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

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

Некоторые смартфоны распознают тип электронной почты и добавляют «.com» к клавиатуре, чтобы соответствовать вводу электронной почты.

Пример




Попробуй сам »

Файл входного типа

определяет поле выбора файла и кнопку «Обзор» для загрузки файлов.

Пример




Попробуй сам »

Тип ввода Скрытый

определяет скрытое поле ввода (невидимое для пользователя).

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

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

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

Пример







<вход type = "submit" value = "Submit">

Попробуй сам »

Тип ввода Месяц

позволяет пользователю выбрать месяц и год.

В зависимости от поддержки браузером в поле ввода может отображаться выбор даты.

Пример




Попробуй сам »

Номер типа ввода

определяет числовое поле ввода .

Вы также можете установить ограничения на то, какие номера принимаются.

В следующем примере отображается числовое поле ввода, в которое можно ввести значение от 1 до 5:

Пример




Попробуй сам »

Ограничения ввода

Вот список некоторых общих ограничений ввода:

Атрибут Описание
проверено Указывает, что поле ввода должно быть предварительно выбрано при загрузке страницы (для type = «checkbox» или type = «radio»).
отключен Указывает, что поле ввода должно быть отключено
макс Задает максимальное значение для поля ввода
макс. Длина Задает максимальное количество символов для поля ввода
мин. Задает минимальное значение для поля ввода
узор Задает регулярное выражение для проверки входного значения на соответствие
только чтение Указывает, что поле ввода доступно только для чтения (не может быть изменено)
требуется Указывает, что поле ввода является обязательным (должно быть заполнено)
размер Задает ширину (в символах) поля ввода
шаг Задает допустимые интервалы номеров для поля ввода
значение Задает значение по умолчанию для поля ввода

Вы узнаете больше об ограничениях ввода в следующей главе.

В следующем примере отображается числовое поле ввода, в которое можно ввести значение от 0 до 100 с шагом 10. Значение по умолчанию — 30:

.

Пример




Попробуй сам »

Диапазон типов ввода

определяет элемент управления для ввода числа, точное значение которого не важно (например, ползунок).Дефолт диапазон от 0 до 100. Однако вы можете установить ограничения на то, что числа принимаются с атрибутами min , max и step :

Пример




Попробуй сам »

Поиск типа ввода

используется для полей поиска (поле поиска ведет себя как обычное текстовое поле).

Пример




Попробуй сам »

Тип входа Тел.

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

Пример




Попробуй сам »

Тип ввода Время

позволяет пользователю выбрать время (без часового пояса).

В зависимости от поддержки браузера в поле ввода может отображаться указатель времени.

Пример




Попробуй сам »

Тип ввода URL

используется для полей ввода, которые должны содержать URL-адрес.

В зависимости от поддержки браузером поле url может автоматически проверяться. при отправке.

Некоторые смартфоны распознают тип URL и добавляют на клавиатуре «.com» для соответствия ввод URL.

Пример




Попробуй сам »

Тип ввода Неделя

позволяет пользователю выбрать неделю и год.

В зависимости от поддержки браузером в поле ввода может отображаться выбор даты.

Пример




Попробуй сам »

Упражнения HTML

Проверьте себя упражнениями

Задание:

В форме ниже добавьте поле ввода для текста с именем «имя пользователя».


<>


Отправить ответ »

Начало упражнения


Атрибут типа ввода HTML



Формы HTML5: Тип числа | Wufoo

Live Demo


Самое низкое

Тип ввода число предназначен для, как вы уже догадались, чисел: либо целых чисел, либо чисел с плавающей запятой.

  • Поддерживающие браузеры должны отображать счетчик для увеличения и уменьшения значения.
  • Динамические клавиатуры должны отображать цифровую клавиатуру в фокусе, игнорируя любой включенный атрибут inputmode .
  • По умолчанию шаг , или инкремент, равен 1. Чтобы принимать любые числа с плавающей запятой или значения, которые не обязательно являются приращениями на 1 по сравнению со значением min , убедитесь, что для атрибута step установлено значение any: step = "любой" .
  • Если шаг установлен, счетчик будет увеличиваться или уменьшаться с этим шагом.Если шаг опущен, установлен на значение по умолчанию 1 или на любое , счетчик будет увеличиваться на 1.
  • Если пользователь вводит число, которое не совпадает с шагом, нажатие стрелки вверх на счетчике округляет число до следующего шага, а вниз — в меньшую сторону. Методы stepDown () и stepUp () также увеличивают и уменьшают значение.
  • Глобальные атрибуты, autocomplete, list, max, min, placeholder, readonly, required, step, и value Атрибуты относятся к типу ввода числа.Атрибуты шаблона и размера не имеют отношения к типу номер и будут проигнорированы, если они включены.
  • Когда установлены min, max и step , некоторые браузеры могут отображать более узкое поле ввода для числового типа ввода, так как ширина самого широкого допустимого значения ограничена. Chrome и iOS 7 являются одними из тех, кто в настоящее время делает это.
  • IE, iOS Safari, Android и Chrome для Android показывают цифровую клавиатуру, но не предоставляют пользовательский интерфейс счетчика.На большинстве устройств числовая клавиатура не так ограничена, как телефонная клавиатура, состоящая только из цифр: она имеет больше доступных клавиш, например точку, и позволяет вам получить доступ ко всем клавишам на некоторых клавиатурах, например iOS. IE, однако, числовая клавиатура более ограничена, чем tel , и дает вам просто 10 цифр и точку.
  • Недопустимые числа без плавающей запятой. iOS 5+ и IE 10+ удалит все, что вы вводите во входные данные, что не является частью числа с плавающей запятой (например, точки и тире допустимы) при размытии.Chrome раньше делал это, но больше не удаляет недопустимые данные при размытии. Opera и Firefox тоже этого не делают.
  • Chrome 12–14 используется для автоматического переформатирования чисел, чтобы включать запятые (например, 2000000 превратилось в 2000000, что было бы нечетным для номеров социального страхования или кредитных карт. Эта проблема была устранена с Chrome 15.
  • Из-за пользовательского интерфейса счетчика тип ввода числа не подходит для числовых строк, таких как почтовые индексы, номер социального страхования или номера кредитных карт.
  • Проверка типа числа будет проверять, есть ли typeMismatch , и, если атрибуты min, max или step также присутствуют, будет искать rangeUnderflow , rangeOverflow или stepMismatch .
  • Если неверно, Firefox, Chrome и IE выдают сообщение об ошибке. Opera дает элементу фокус без слов. Safari (в настоящее время 7) не обеспечивает проверку ограничений при отправке формы.
  • Кроссбраузерный многословие, если min = 100, max = 999, step = 5, введенные числа — 1000, 0, 111 и -e
    • Firefox:
      Выберите значение меньше 999.
      Выберите значение больше 100.
      Выберите допустимое значение. Два ближайших действительных значения — 110 и 115.
      Пожалуйста, введите число.
    • Chrome:
      Значение должно быть меньше или равно 999.
      Значение должно быть больше или равно 100.
      Введите допустимое значение. Двумя ближайшими допустимыми значениями являются 110 и 115.
      Пожалуйста, введите число.
    • Internet Explorer
      Вы должны ввести значение от 100 до 999
      Вы должны ввести значение от 100 до 999
      Вы должны ввести допустимое значение
      (Очищает недопустимые записи, поэтому сообщения об ошибках не основаны на нечисловых значениях)
  • Приращение работает с помощью скроллера мыши.

Я хотел набрать номер

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

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

`type =» text «` Клавиатура на Android 6 (Samsung Galaxy S7) `type =» number «` Цифровая клавиатура на Android 6 (Samsung Galaxy S7)

Но как браузер узнает, когда показывать эту улучшенную цифровую клавиатуру? Как разработчик может сообщить браузеру о намерениях и контексте пользователя? Конечно, и здесь есть вариативность.

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

  1. Цены (иногда целые числа с разделителями тысяч, но часто используются как нецелые числа)
  2. Почтовые индексы (в США они могут содержать ведущие нули)
  3. Кредитные карты (очень длинные номера)
  4. Коды безопасности кредитных карт: CVV, CVC или CSC (также могут иметь начальные нули)
  5. Подарочные карты (форматы различаются)
  6. Возраст
  7. Годы
  8. раз (минуты или секунды могут иметь ведущие нули)
  9. Номера телефонов

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

Обратимся к Спецификации №

Подожди, вернись! Спецификация HTML5 для input type = "number" предоставит нам подсказки о том, какой тип ввода будет принят элементом управления, поэтому давайте установим уровень.

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

Числа с плавающей запятой состоят из одного или нескольких символов в диапазоне 0–9 (числа, да?), За которыми может следовать десятичная точка и более символов от 0 до 9.Числа с плавающей запятой также могут иметь в начале для обозначения отрицательного числа.

Для упрощения обратите внимание, что я пропустил научную нотацию в спецификации, которую мы постараемся также не показывать пользователям (подробнее об этом мы расскажем позже).

Важным и проблемным здесь является то, что значения, которые технически подчиняются приведенному выше определению спецификации с плавающей запятой, могут работать с . Обратите внимание на [последнее зеленое примечание к спецификации форм W3 HTML5] (https: // www.w3.org/TR/html5/forms.html#number-state-(type=number)):

Состояние type = number не подходит для ввода, который состоит только из чисел, но, строго говоря, не является числом. Например, это не подходит для номеров кредитных карт или почтовых индексов США. Простой способ определить, следует ли использовать type = number, — это рассмотреть, имеет ли смысл для элемента управления вводом иметь интерфейс счетчика (например, со стрелками «вверх» и «вниз»).

Это оставляет нам некоторую двусмысленность.Поля «Минуты» и «Секунды» — очевидные контрпримеры к языку спецификации. Spinbox будет там полезен, но в этих полях могут потребоваться ведущие нули.

Из примечаний к спецификации мы можем понять, что type = "number" предназначено для таких чисел, как цены, возраст и годы; type = "tel" для номеров телефонов; type = "text" для всего остального. Это оставляет много числовых полей ввода с нежелательной маленькой кнопкой, по умолчанию type = "text" keyboard.

`type =» text «` Клавиатура на Android 6 (Samsung Galaxy S7)

Полезный прагматизм #

Существуют очень полезные способы подключения к цифровой клавиатуре с большими кнопками, которые сегодня доступны для использования в браузерах:

  • type = "number"
  • Шаблон атрибут (только iOS)
  • type = "tel"

type = "number" #

Мы можем выбирать между соблюдением спецификации и наличием неоптимальной клавиатуры для ввода цифр на большом количестве устройств, или мы можем изучить другие варианты, чтобы заставить эту работу работать.При тестировании на Android (как Chrome, так и в более старом браузере Android), Firefox для Android и Windows Phone единственный способ активировать клавиатуру с большими кнопками — это игнорировать спецификацию W3C и использовать type = "number" .

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

Без десятичной точки : Android 2.3 (Samsung Galaxy S2) с type = "number" Похоже на телефонный вход : Android 2.3 (Motorola Droid Razr) с type = "number" Без отрицательного знака : Android 6 (Samsung Galaxy S7) с type = "number"

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

Отлично выглядит : Firefox 47 на Android 5.1.1 (Motorola Nexus 6) с type = "number"

Windows Phone также не поддерживает отрицательные числа на клавиатуре type = "number" .

Без отрицательного знака : Windows Phone 8.1 (Lumia 930) с type = "number"

В iOS клавиатура type = "number" отличается от type = "text" (и безопасна в использовании в соответствии со спецификацией: в нем есть как отрицательные, так и десятичные точки), но это не та большая кнопка, которую мы собираемся использовать.

Маленькие кнопки : iOS 9 с type = "number"

Шаблон

Атрибут #

Цифровая клавиатура с большими кнопками на iOS (на iPhone) отображается, когда атрибут шаблона имеет значение [0-9] * или \ d * .iOS (на iPhone) все равно, что такое значение атрибута типа . Это может быть текст , номер и так далее. Но если pattern = "[0-9] *" или pattern = "\ d *" , iOS (на iPhone) покажет цифровую клавиатуру с большими кнопками.

Цифровая клавиатура с большими кнопками отсутствует в версии iOS для iPad — только в версии для iPhone. Имея больше места на экране для работы на iPad, используя утвержденный шаблон , значение , type = "tel" или type = "number" , все они используют небольшую числовую клавиатуру с кнопками, показанную выше.

Похож на телефонный вход : iOS 9 (на iPhone) с type = "text" pattern = "[0-9] *

Следует отметить, что функционально эквивалентные регулярные выражения с тем же выводом не отображаются цифровая клавиатура, например [0123456789] * или [0-9] {0,} или [0123456789] {0,} .

Логично, поскольку iOS (на iPhone) связывает эту клавиатуру с регулярным выражением , состоящим только из чисел, , кнопки для знака минус или десятичной точки просто не существуют на клавиатуре с большими кнопками.Важно отметить, что iOS (на iPhone) не позволяет пользователю переключать типы клавиатуры, когда отображается цифровая клавиатура с большими кнопками. Ввод истинных чисел с плавающей запятой просто не разрешен в соответствии с явно определенным шаблоном .

Также обратите внимание, что атрибут шаблона перегружен для управления проверкой формы HTML5. Это заставляет разработчиков выбирать между цифровой клавиатурой или более точным шаблоном проверки, например. регулярное выражение для двузначного числа pattern = "[0-9] {2}" не будет использовать цифровую клавиатуру.

К сожалению, трюк с шаблоном для цифровых клавиатур с большими кнопками работает только на iOS. Другие веб-браузеры будут отображать клавиатуру text по умолчанию, когда используются значения атрибута шаблона iOS белого списка, поэтому нам нужно дополнить этот метод другими методами. К счастью, сочетание шаблона с type = "number" вызовет активацию цифровой клавиатуры с большими кнопками на всех платформах, которые мы обсуждали до сих пор.

type = "tel" #

Если использование type = "number" для некоторых из этих других числовых форматов свободной формы противоречит духу спецификации, использование type = "tel" для вещей, которые не являются телефонными номерами, является гораздо более вопиющим семантическим преступлением. .Я бы не стал рассматривать это как жизнеспособную альтернативу type = "number" для числового ввода в будущем.

Должен быть способ получше #

К счастью, разработчики веб-стандартов осознали этот беспорядок и стандартизировали аппетитную альтернативу: атрибут inputmode . inputmode позволяет напрямую указать, какой тип клавиатуры использовать, независимо от значения атрибута type . Например, в поле номера кредитной карты мы могли бы использовать type = "text" и inputmode = "numeric" вместе - проблема решена.

На момент написания inputmode нигде не поддерживается. Это действительно прискорбно - это во многом уменьшило бы несоответствие использования , спотыкающегося с определением спецификации. Это поможет, в частности, на Android, Firefox на Android и Windows Phone, где все цифровые клавиатуры с большими кнопками привязаны к type = "number" .

Примечание: в то время как inputmode = "numeric" выглядит аппетитно и может помочь с некоторыми проблемами, в спецификации по-прежнему отсутствует положение для нецелых чисел.Даже после того, как браузер станет поддерживать эту функцию, нам все равно придется использовать type = "text" без inputmode для нецелых чисел, учитывая ненадежность кнопок с десятичной запятой на современных цифровых клавиатурах.

Работа над нашими ограничениями #

По мере изучения этой проблемы стало ясно, что если мы хотим предоставить эффективный способ ввода чисел для самого широкого диапазона устройств, нам нужно быть прагматичными и объединить шаблон и type = "number" .Поскольку мы используем type = "number" в большем количестве мест, чем указано в спецификации, мы должны путешествовать с большой осторожностью и сглаживать морщины по пути.

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

Только номера #

Поскольку это ввод, предназначенный для захвата только числовых значений, плагин numeric-input отфильтровывает любой символ, который не является 0-9, когда вы вводите, вставляете или значение автоматически заполняется браузером.

Примечание. Эта фильтрация означает «-» и «.» символы удалены, поэтому отрицательных чисел или десятичных знаков не поддерживаются этим плагином. Несмотря на то, что это «числа», лучше не использовать для них числовую клавиатуру из-за нерегулярной поддержки кнопок с отрицательными числами и десятичной запятой на цифровых клавиатурах (как вы можете видеть на скриншотах устройства выше). Используйте для этих полей type = "text" .

Поддержка ведущих нулей #

Начальные нули, используемые в почтовых индексах США, или минуты / секунды отбрасываются при размытии в Safari 6).Например, почтовый индекс будет изменен с «01234» на «1234». Наш плагин просто переключает поля type = "number" на type = "text" в более ранней версии Safari, поэтому значение остается неизменным. К счастью, трюк с шаблоном по-прежнему обеспечивает большую клавиатуру на старых версиях iOS.

Предотвращение округления больших чисел #

Большие числа длиной более 16 цифр округляются в Firefox (на ПК, а не на Android или iOS). Например, el.value = "9999999999999999"; отображает 10000000000000000 .Это большая проблема для ввода 16-значных кредитных карт, поэтому плагин также переключает поля type = "number" на type = "text" в Firefox (Desktop), чтобы обойти эту ошибку.

Опора

макс. Длина #

Если мы хотим установить конкретную длину значения (скажем, 5 цифр для почтового индекса), нет способа указать maxlength = "5" с собственными числовыми входами. Конечно, вы можете добавить атрибут max = "99999" , но плагин также добавляет поддержку maxlength , чтобы указать, сколько символов вы хотите принять.Работает с вводом с клавиатуры, вставкой и автозаполнением.

Удалить блесны и клавиши со стрелками #

Браузеры

для настольных ПК имеют полезные функции для увеличения или уменьшения значения в числовом поле: добавление небольших крошечных стрелок вверх / вниз «вращающихся» внутри полей, привязка клавиш со стрелками вверх / вниз на клавиатуре и событий колесика мыши. В некоторых случаях такое поведение может быть очень разрушительным - подумайте, насколько непредсказуемым будет случайное нажатие клавиши со стрелкой в ​​поле кредитной карты. numeric-input включает опцию (атрибут data-numeric-input-nav-disabled ) для отключения поведения клавиш со стрелками увеличения и уменьшения, а также встроенные маленькие стрелки счетчика, иногда показываемые внутри type = "number" входов, являются легко скрыть с помощью CSS.

Стрелки Spinbox в Chrome с type = "number"

Использование числового ввода

#

Использовать подключаемый модуль numeric-input довольно просто:

  
  

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

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

Несколько замечаний #

Научная нотация не поддерживается #

Поскольку плагин удаляет все буквы, включая символ «e», поддерживает Scientific, а нотация E не поддерживается.В таких ситуациях используйте type = "text" .

Отрицательные числа, нецелые числа #

Если в поле требуется отрицательных чисел или десятичных знаков , числовой ввод не может сделать , чтобы улучшить точечную поддержку кнопок с отрицательными числами и десятичной запятой на цифровых клавиатурах. В таких ситуациях используйте type = "text" .

Все сообщения в блоге

Почему команда Дизайн-системы GOV.UK изменила тип ввода для чисел

Чтобы предоставить пользователям качественные услуги, правительственным организациям обычно необходимо собирать данные.Множество данных. Команда Дизайн-системы GOV.UK публикует шаблоны и компоненты, которые позволяют пользователям легко и доступно вводить свои данные. Последнее, что мы хотим сделать, - это создать препятствия для пользователей, выполняющих задачу, и вынудить их найти альтернативный метод использования службы, например, позвонить по горячей линии.

Числа - один из наиболее часто запрашиваемых фрагментов данных, обычно используемых в датах. Из исследований пользователей мы знаем, что некоторые пользователи предпочитают цифровую клавиатуру с большими кнопками (напоминающую клавиатуру телефона) для ввода чисел на мобильном телефоне.До сих пор компонент ввода даты GOV.UK Design System использовал HTML-элемент для обеспечения этой цифровой клавиатуры, когда пользователь вводит даты.

Простая в использовании цифровая клавиатура с большими кнопками на Android

Однако недавно мы перешли от к и опубликовал новое руководство о том, как запрашивать номера у пользователей.

Почему тип = число проблематично

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

1. Доступность

Мы обнаружили, что :

2. Инкрементируемые числа

Разумно предположить, что можно использовать для сбора любых числовых данных: в конце концов, он содержит слово «number». Однако примечание в спецификации HTML гласит, что «не подходит для ввода, который состоит только из чисел, но не является, строго говоря, числом».

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

Например, браузеры пытаются округлять большие числа при увеличении или уменьшении (нажатие клавиши «вверх» или «вниз»), а в случае очень больших чисел они преобразуются в экспоненциальное представление.

Chrome 79.0: type = number отображает большие числа в экспоненциальном формате, если пользователь нажимает на клавиатуре стрелки вверх или вниз

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

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

Safari 6 округляет последнюю цифру при размытии

Safari 5.1 пытается сделать значения, содержащие не менее 16 цифр, более удобочитаемыми, вставляя запятые.

Safari 5.1 пытается сделать число более удобочитаемым при размытии

3. Письма

В спецификации HTML указано, что при использовании «пользовательские агенты не должны позволять пользователю устанавливать значение в непустую строку, которая не является допустимым числом с плавающей запятой».В версиях Chrome для Интернета и Android это реализовано путем молчаливого отказа от ввода всех букв, кроме буквы «e».

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

4. Прокрутка

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

Раствор

Использование позволяет определенную степень разделения между тем, как пользователь вводит данные («режим ввода»), и тем, что ожидает браузер. пользовательский ввод, который должен содержать (тип равен числу), и, возможно, то, как он пытается его проверить.

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

Мы по-прежнему включаем атрибут шаблона для обратной совместимости со старыми устройствами iOS.

Мы обновили компонент ввода даты и остальные соответствующие шаблоны.

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

Наконец, мы предложили изменить руководство по спецификации HTML для перекрестной ссылки inputmode при использовании с содержанием, которое состоит только из чисел.

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

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

input (type = number) элемент

Специальные атрибуты

автофокус

Логическое значение, указывающее браузеру установить фокус на этот элемент управления, когда документ завершил загрузку или когда отображается диалоговое окно , в котором находится элемент управления.Если атрибут имеет значение «autofocus» или пустая строка («»), или если он просто присутствует, элемент управления должен получить фокус как можно скорее, после загрузки страницы или диалогового окна .

Пример

  

Принадлежащие автомобили:

отключен

Логическое значение, указывающее, отключен ли элемент управления.Если атрибут принимает значение «отключен» или пустую строку («»), или если он просто присутствует, элемент управления будет отключен.

Отключенные элементы управления отображаются серым цветом (если они видны), блокируются от взаимодействия с пользователем и, что более важно, их значения (если есть) не отправляются при отправке формы .

Пример

  

Приглашенные дети:

форма

Значение атрибута id формы, с которой связан этот элемент управления.

Этот атрибут является новым в HTML 5 и помогает определять принадлежность элементов управления во вложенных или удаленных формах.

Пример

  

Выходные:

список

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

Браузер поддерживает datalist не полностью. Авторам, возможно, придется полагаться на скрипты, чтобы обеспечить кроссбраузерность этой функциональности.

Значения, предоставляемые элементом datalist , должны соответствовать требованиям числовых строк.

Пример

  

Купленные яйца:

макс.

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

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

Пример

  

Гвозди:

мин.

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

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

Пример

  

Необходимые болты:

название

Имя элемента управления.Это имя будет отправлено браузером агенту обработки вместе с содержимым атрибута значение . Оба атрибута вместе будут соответствовать паре имя-значение, которая будет использоваться для обработки данных формы.

В настоящее время значение isindex , ранее использовавшееся особым образом в некоторых браузерах и включенное в стандарт HTML , не допускается в этом атрибуте.

Пример

  

Ежемесячное производство бутылок:

только для чтения

Логическое значение, указывающее браузеру запретить пользователю изменять значение элемента управления. Если этот атрибут имеет значение «только для чтения» или пустую строку («»), или если он просто присутствует, пользователю не будет разрешено изменять значение в элементе управления.

Хотя этот атрибут предотвращает изменение значения элемента управления, не все взаимодействия блокируются: пользователи по-прежнему смогут выбирать и копировать текст в элементе управления.

Пример

  

Дочерние элементы:

требуется

Логическое значение, указывающее, можно ли оставить этот элемент пустым или нет.Если этот атрибут имеет значение "required" или пустую строку (""), или если он просто присутствует, пользователь должен будет заполнить элемент управления, чтобы иметь возможность отправить форму .

Если элемент управления с присутствующим атрибутом required оставлен пустым, поддерживающие браузеры выдадут ошибку при отправке и немедленно отменит процесс.

Браузер поддерживает атрибут Требуется не полностью. Авторам, возможно, придется полагаться на скрипты, чтобы обеспечить кроссбраузерность этой функциональности.

Пример

  

Учащиеся: требуется

шаг

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

Специальное значение any снимает ограничение по умолчанию на гранулярность элемента управления и позволяет пользователям вводить значения по своему усмотрению.

Чтобы избежать неожиданного поведения, авторы должны указать номер в качестве начального шага. Это можно сделать через атрибуты min и значение . Когда присутствуют оба, атрибут мин. имеет приоритет.

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

Пример

  

Расстояние (в метрах):

тип

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

  • скрытый: скрытый элемент управления, используемый для отправки информации на сервер, обычно управляемый сценариями.
  • текст: элемент управления, используемый для ввода однострочного фрагмента текста.
  • поиск: то же, что и текст, но для целей поиска.
  • tel: контрольная панель для ввода телефонного номера.
  • URL-адрес
  • : текстовое поле, используемое для ввода единственного и абсолютного URL-адреса .
  • Электронная почта
  • : элемент управления, предназначенный для редактирования одного или нескольких адресов электронной почты.
  • пароль: текстовое поле для редактирования паролей, где символы представлены точками.
  • Дата
  • : элемент управления для ввода определенной даты.
  • месяц: элемент управления для ввода определенного месяца.
  • неделя: элемент управления для ввода определенной недели.
  • time: элемент управления для ввода определенного времени.
  • datetime-local: элемент управления для ввода определенной местной даты и времени.
  • число: элемент управления для ввода числа.
  • диапазон: элемент управления для ввода одного или двух чисел внутри диапазона.
  • color: элемент управления для ввода цвета.
  • Флажок
  • : элемент управления для ввода логического значения (истина / ложь).
  • Радио
  • : элемент управления, используемый для выбора одного варианта из множества.
  • файл: элемент управления, используемый для загрузки файлов на сервер.
  • submit: кнопка, используемая для отправки формы.
  • Изображение
  • : то же, что и submit, но с возможностью отображения в виде изображения вместо использования кнопки по умолчанию.
  • сброс: кнопка, используемая для сброса элементов управления формы до значений по умолчанию.
  • Кнопка
  • : кнопка, не связанная с действием по умолчанию.

Если этого атрибута нет, элемент ведет себя так, как если бы он имел значение «текст».

Пример

  
  
значение

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

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

Пример

  

Доступные части:

тип ввода = число - контроль ввода числа (НОВИНКА)

Ⓘ тип ввода = число - контроль ввода числа NEW # T

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

Разрешенные атрибуты #

Ⓘ глобальные атрибуты
Любые атрибуты, разрешенные глобально.
Ⓘ имя = строка #
Часть имени пары имя / значение, связанной с этим элемент для отправки формы.
Ⓘ отключен = "отключен" или "" (пустая строка) или пустая #
Указывает, что элемент представляет отключенный контроль.
Ⓘ форма = Ссылка на идентификатор НОВЫЙ #
Стоимость я бы атрибут на форма с которым нужно связать элемент.
type = "число" #
Указывает, что его Вход элемент точный контроль для установки значения элемента на строка, представляющая число.
Ⓘ автозаполнение = "включено" или "выключено" НОВЫЙ #
Определяет, представляет ли элемент ввод элемент управления, для которого UA предназначен для хранения введенного значения пользователем (чтобы UA мог предварительно заполнить форму потом).
Ⓘ автофокус = «автофокус» или "" (пустая строка) или пустая НОВЫЙ #
Указывает, что элемент представляет собой элемент управления, для которого UA предназначен для сосредоточения внимания, как только документ загружен.
Ⓘ список = Ссылка на идентификатор НОВЫЙ #
Стоимость я бы атрибут на даталист с которым нужно связать элемент.
Ⓘ min = число с плавающей запятой НОВЫЙ #
Ожидаемая нижняя граница для элемента стоимость.
Ⓘ макс = число с плавающей запятой НОВЫЙ #
Ожидаемая верхняя граница для элемента стоимость.
Ⓘ шаг = "любой" или положительное число с плавающей запятой НОВЫЙ #
Определяет степень детализации значения элемента стоимость.
Ⓘ readonly = "только для чтения" или "" (пустая строка) или пустая #
Указывает, что элемент представляет собой элемент управления, значение которого не предназначен для редактирования.
Ⓘ требуется = "обязательный" или "" (пустая строка) или пустая НОВЫЙ #
Указывает, что элемент является обязательной частью формы подчинение.
Ⓘ заполнитель = строка без разрывов строки НОВЫЙ #
Короткая подсказка (одно слово или короткая фраза), предназначенная для помощь пользователю при вводе данных в элемент управления представлен его элементом.

Любая строка, не содержащая перевода строки (U + 000A, «LF») или каретки. вернуть (U + 000D, «CR») символов.

значение = число с плавающей запятой #
Строка, представляющая число.

Дополнительные ограничения и предостережения #

  • Ввод интерактивного элемента не должен появляются как потомок элемента a.
  • Ввод интерактивного элемента не должен появляются как потомок элемента кнопки.
  • Любой элемент ввода, являющийся потомком элемента метки с атрибутом for должен иметь Значение идентификатора, соответствующее этому атрибуту.
  • Атрибут списка входного элемента должен ссылаться на элемент списка данных.
  • Ввод элемента с типом атрибута со значением «кнопка» должно иметь непустое значение атрибута.
  • Атрибут usemap во входном элементе устарел.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *