【问题标题】:How to achieve autofill feature over antd select element?如何在 antd select 元素上实现自动填充功能?
【发布时间】:2020-10-30 07:05:27
【问题描述】:

为了帮助我们的用户,需要更快地结帐和收货地址,浏览器的自动填充功能非常有用。街道地址、地区、城市邮政编码可用于自动填充,但国家选项不可用。在输入元素中,谷歌标签很好,但在选择元素中,我们需要做更多的事情。

有人看到同样的问题吗?

参考:https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

【问题讨论】:

    标签: html drop-down-menu antd ant-design-pro


    【解决方案1】:

    我能够确认 HTML 自动完成标签与 AntD 的 Select 组件实现不兼容。但是,我确实设法制定了一个可能适合您的用例的解决方法。

    简而言之,我使用了一个隐藏的Input组件来利用浏览器的自动完成功能,而onChange的隐藏输入,我以编程方式设置了国家Select组件的值。

    请参阅下面的 Stackblitz 链接以获取工作示例:

    https://stackblitz.com/edit/antd-select-autocomplete-workaround?file=index.js

    更新:

    我提交了有关此问题的错误报告,但维护人员回复说 Select 不支持 autoComplete

    https://github.com/ant-design/ant-design/issues/25595

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-10-31
      • 2015-07-08
      • 1970-01-01
      • 1970-01-01
      • 2018-07-27
      • 2018-08-10
      • 2020-09-07
      相关资源
      最近更新 更多