如何使html表單數據列表選項的顯示和值不同？

Question

如何使html表單數據列表選項的顯示和值不同？

例如，對於select-option字段，我可以編寫：<option value="Fake">Sample</option>顯示「Sample」，但「Fake」是發佈的值。

對於datalist，<option value="Sample" />，「Sample」同時顯示並用作發佈值。

我該如何做到這一點，以便我可以在數據列表中發佈Sample中的不同值？謝謝！

我需要這個，所以我可以從MySQL動態填充數據列表，在使用ID時顯示名稱，例如<option value="2">Bob</option>（如果這是一個選擇選項字段而不是數據庫字段）。

---

我發現我可以用<option value="Fake" label="Sample"/>，這將隱藏在Firefox，但歌劇仍顯示兩者的價值和標籤。任何人有任何進一步的想法來顯示示例，但隱藏假？

Answer 1

似乎你不能使用純HTML而不使用一些JS + CSS的幫助。