使用地址自动填充时如何从选项列表中自动选择状态

Ree*_*eed 4 html autofill street-address

我用 HTML 制作了一个表单,Chrome 上的自动填充功能成功地填充了街道地址、城市和邮编。如果我将“状态”输入保留为type="text",那么它也会成功自动填充。但是,如果我使用select/option下拉列表,则它不会自动填充。

对于选项,我尝试使用状态缩写作为值,例如:

<label>
    <select>
        <option value="AL">Alabama</option>
        <option value="AK">Alaska</option>
    <select>
    State
</label>
Run Code Online (Sandbox Code Playgroud)

我尝试使用状态名称作为值:

<option value="Alabama">Alabama</option>
<option value="Alaska">Alaska</option>
Run Code Online (Sandbox Code Playgroud)

两者都不起作用。

有没有办法让谷歌浏览器的自动填充在自动填充地址时从下拉列表中自动选择一个状态?

笔记:

  • 我有兴趣让它适用于自动填充用户地址的任何其他浏览器/扩展程序,但我只在 Chrome 中进行了测试。
  • javascript 解决方案是可以接受的,但这不是我想要的。但是,没有jquery。

Dev*_*ney 5

<select autocomplete="state">
Run Code Online (Sandbox Code Playgroud)

也会工作

  • [`address-level1`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#Values) 而不是 `state` 现在似乎是正确的。在chrome中尝试过,有效。 (3认同)