如何使html表单datalist选项的显示和值不同？

Question

如何使html表单datalist选项的显示和值不同？

例如，对于select-option字段，我可以写：<option value="Fake">Sample</option>显示“Sample”，但“Fake”是发布的值。

对于数据列表，<option value="Sample" />，“Sample”都会显示并用作发布值。

如何制作它以便我可以在数据列表中发布Sample的不同值？谢谢！

我需要这个，所以我可以从MySQL动态填充datalist，在使用ID时显示名称，例如<option value="2">Bob</option>（如果这是select-option字段而不是数据库字段）。

---

我发现我可以使用<option value="Fake" label="Sample"/>，它会将其隐藏在Firefox中，但Opera仍会同时显示Value和Label。任何人都有任何进一步的想法显示Sample，但隐藏假？

Answer 1

如果不使用某些JS + CSS帮助，似乎无法使用纯HTML。