html - 如何使 html 表单数据列表选项的显示和值不同?

标签 html forms html-datalist

<分区>

如何使 html 表单数据列表选项的显示和值不同?

例如,对于选择选项字段,我可以写:<option value="Fake">Sample</option>其中显示“Sample”,但发布的值是“Fake”。

对于数据列表,<option value="Sample" /> , "Sample"既被显示又被用作发布值。

如何才能在数据列表中发布与 Sample 不同的值?谢谢!

我需要这个以便我可以从 MySQL 动态填充数据列表,在使用 ID 时显示名称,例如 <option value="2">Bob</option> (如果这是一个选择选项字段而不是数据库字段)。


我发现我可以使用 <option value="Fake" label="Sample"/> ,这将在 Firefox 中隐藏它,但 Opera 仍然显示值和标签。任何人有任何进一步的想法来显示 Sample,但隐藏 Fake?

最佳答案

如果不使用一些 JS+CSS 帮助,您似乎无法使用纯 HTML。

关于html - 如何使 html 表单数据列表选项的显示和值不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8461347/

相关文章:

html - 在 PrimeNG 中删除 tabView 的边框

javascript - 通过 html datalist 和 *ngFor 显示一个值并提交另一个值

带有 datalist 的 Javascript 将不会显示所有匹配的选项

HTML CSS : Broken Table?

html - 使用 pandas dataframe.to_html() 时重新格式化列宽

php - json_decode 无法读取以 json 格式存储数据的文本文件

javascript - 使用 jquery 阻止表单提交的问题

html - 在 html 表单中,您如何拥有颜色选择器以及如何将其发送到数据库

C#:如何通过窗体及其控件拖动一个?

html - HTML5 数据列表中的重音