Адрес в форме: одна строка вместо шести полей, индекс и город — сами

Где это нужно

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

Как подключить

Полю адреса ставим data-hintdata="address", а атрибуты data-fill-postal и data-fill-city раскладывают выбранный адрес по соседним полям. data-to="house" останавливает подсказки на доме: квартиру человек вписывает в отдельное поле. Уберите этот атрибут — и после дома виджет предложит квартиры и помещения из реестра.

<script src="https://api.hintdata.ru/widget.js" data-key="pk_ваш_ключ"></script>

<label for="address">Адрес</label>
<input id="address" data-hintdata="address" data-to="house"
  data-fill-postal="#postal" data-fill-city="#city">

<label for="flat">Квартира или офис</label>
<input id="flat">
<label for="postal">Индекс</label>
<input id="postal">
<label for="city">Город</label>
<input id="city">

Что ещё можно разложить

Тонкости

• Опечатки и сокращения — обычный режим работы: «мск тверская» находит Тверскую улицу в Москве.
• Если город, улица и дом в вашей форме — отдельные поля, их можно связать цепочкой: каждое следующее ищет только внутри выбранного предыдущего.
• Поиск можно ограничить регионом или городом — удобно, когда вы работаете не по всей стране.

Частые вопросы

Откуда адреса?

Из ГАР — государственного адресного реестра, который пришёл на смену ФИАС. Подробнее — в статье что такое ФИАС и ГАР.

Квартиру тоже подскажет?

Да, там, где квартиры есть в реестре: уберите data-to="house", и после выбора дома виджет продолжит подсказки до квартиры. Если нужной квартиры в списке нет, человек допечатывает номер сам — адрес дома при этом остаётся проверенным.

Сколько это стоит?

Подсказки адреса входят в дневной лимит тарифа, на бесплатном — до 10 000 запросов в день.