添加自动完成功能以选择HTML形式的下拉菜单

Question

我的React应用程序中有一个乘客表单，其中包含标题，名称，地址等文件。我必须在此表单上启用自动填充功能，以便它可以自动填充保存在chrome自动填充设置中的详细信息。

当前，我正在使用autocomplete='honorific-prefix'作为标题选择<select autocomplete={'honorific-prefix'}>，其中包含诸如Mr，Ms，Dr等选项。

它对其他字段（例如地址（<input type='text 'autocomplete="shipping address-line1">），门牌号，名字等都适用，但不适用于选择。

您能建议我解决这个问题的方法吗？

Answer 1

autocomplete用于文本字段。对于select，没有什么要完成的，因为所有选项都已经存在。当用户开始键入时，自动select的行为将跳到以键入字母开头的单词。您始终可以预先选择一个选项，或者只是将字段转换为文本字段并验证输入。