问题标签 [html-datalist]

今天我决定通过用户脚本将 html5 数据列表添加到某些输入中。这是代码。问题是list没有添加属性。如果我将其更改为不同于 的任何内容list，例如lst- 它就在那里。

应该是这样吗？这种行为是由规范还是由浏览器设置的？

您可以选择option任何select元素的电流：

我可以对 DataList 做同样的事情吗？像这样的东西：

我想知道 Select-Option 和 Datalist-Option 之间有什么区别。在任何情况下使用其中一种会更好吗？每个示例如下：

选择选项

Datalist-选项

虽然，HTML5 上的大多数在线资源都提到数据列表在 Firefox 4 及更高版本中受支持，但它不适用于我的 Firefox 6.0.2。

还尝试了http://www.html5tutorial.info/html5-datalist.php上的示例。它仅在 Firefox 4 中有效吗？有没有办法检查 Modernizr 的支持情况？

问候，小号

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

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

对于数据列表，<option value="Sample" />“样本”既显示又用作发布值。

我怎样才能做到这一点，以便我可以在数据列表中发布与 Sample 不同的值？谢谢！

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

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

我有一个数据列表：

我想要做的是获取存储在data-subjectid所选值的属性中的值。到目前为止，我一直在做的是.each()像这样在 jQuery 中调用函数：

有没有更好更快的方法来做到这一点？

看这里： http: //jsfiddle.net/zemar （必须使用Firefox或Opera才能看到）

当您单击 时select，下拉菜单的样式会匹配，但如果您开始从文本框中的数据列表中键入一个术语，则出现的建议没有样式，因此它与其余部分不匹配造型。

是否可以设置下拉菜单的样式？

我在 .asp 线程中看到过这个问题，但我没有使用 .asp，所以答案不是很有帮助。我正在使用 html，但如果需要，可以使用 javascript 来实现这个目标。

我所拥有的是一个标准的 html 输入，其中包含一个可用选项的数据列表，如下所示：

问题是，如果有人实际上键入“g”或“ap”或任何内容，然后按下提交按钮，它不会选择默认记录。它会缩小列表的范围，但键入“Grapes”并按 Enter 不会得到与实际单击选择中的“Grapes”相同的结果。

如何强制选择第一条记录，即使用户只键入该记录的一部分？

此代码适用于除 Internet Explorer 9 之外的所有主要浏览器。我不明白我做错了什么，这可能是我遗漏的一些简单的东西。

复制此代码（或使用此 jsFiddle）以查看 IE9 中的问题：

我希望它最终尽可能跨浏览器。

HTML5 引入了新的标签datalist，它连接到<input list="datalistID">提供自动完成功能。

问题是 - 将此数据列表建议连接到具有大量行（假设为 50K）的 MySQL 表的最佳方法是什么。