Как автоматически выбрать состояние из списка опций при использовании автозаполнения адреса

Я сделал форму в HTML, и функция автозаполнения в Chrome успешно заполняет адрес улицы, город и почтовый индекс. Если я оставлю "состояние" ввода с type="text"затем он также автоматически заполняется. Тем не менее, если я использую select/option выпадающий список, то он не заполняется автоматически.

Для опций я попытался использовать сокращения состояний для значения как:

<label>
    <select>
        <option value="AL">Alabama</option>
        <option value="AK">Alaska</option>
    <select>
    State
</label>

и я попытался использовать имя состояния для значения:

<option value="Alabama">Alabama</option>
<option value="Alaska">Alaska</option>

И ни один не работает.

Есть ли способ заставить автозаполнение Google Chrome автоматически выбирать состояние из выпадающего списка при автозаполнении адреса?

Заметки:

  • Я заинтересован в том, чтобы заставить его работать для любых других браузеров / расширений, которые автоматически заполняют адреса для пользователей, но я тестировал только в Chrome.
  • было бы приемлемо решение javascript, но это не то, чего я хочу. Но нет вопросов.

2 ответа

Решение

Достаточно смущающе, через 10 секунд после того, как я отправил этот вопрос, я понял, что name на select,

Итак, я изменил его на:

<select name="state">
    <option ...>
<select>

и теперь он работает, будь то с использованием сокращений или полного названия штата

<select autocomplete="state">

тоже будет работать

Другие вопросы по тегам