使用单个选项列表进行多个选择

Question

受到以下问题的启发：Add attribute selected to multiple select lists和HTML Form: Select-Option vs Datalist-Option

有没有一种方法可以使数据列表成为非可选数据，这样我就可以通过一次输入一长串选项来进行多个选择？

例如，代替

Tournament 1 winner: <list id="sports tournament 1">
<option value="A1"> Athlete 1</option>
<option value="A2"> Athlete 2</option>
<option value="C1"> Challenger 1</option>
<option value="C2"> Challenger 2</option>
</list>
Tournament 2 winner: <list id="sports tournament 2">
<option value="A1"> Athlete 1</option>
<option value="A2"> Athlete 2</option>
<option value="C1"> Challenger 1</option>
<option value="C2"> Challenger 2</option>
</list>

我想做

Tournament 1 winner: <input id="T1" type="text" list="Athletes">
Tournament 2 winner: <input id="T2" type="text" list="Athletes">
<datalist id="Athletes>
<option value="Athlete 1">
<option value="Athlete 2">
<option value="Challenger 1">
<option value="Challenger 2">
</datalist >

用户无法输入自定义获胜者。

Answer 1

我也在寻找类似的东西，但是在HTML4上，因为我可能不喜欢使用旧的浏览器。

我为我的问题（尽管我尚未实现）想到的相同“解决方案”是使用Javacript设置标签，任何标签（也许是JSON）并将值绑定到单击时的输入。