Javascript 引导-如何复制Iphone；滚轮；？

我不知道滚轮是我想要的正确名称，但我会尽力解释它

在我的手机上有我可以点击的文本框。单击该框后，将显示一个可滚动的项目列表，例如数字1-10

当您选择数字1-10时，要么将该值置于文本框中，关闭列表视图，要么您可以“提交”该选择

---

是否可以在引导中复制此预设值滚动列表？理想情况下，我希望有一个时间列表，供最终用户从中选择（1:00-1:30，1:30-2:00），以便他们可以在手机上滚动浏览并做出决定。

您的问题的答案

正如其他人在评论中提到的，这正是iOS呈现

元素的方式。不同的浏览器呈现的方式会有所不同，即Android浏览器会给出一个稍微传统一些的列表，而桌面浏览器会将其呈现为一个标准的下拉列表（尽管其样式适合其UI，这可能会令人沮丧）

其他需要注意的事项

请记住，如果您尝试使用插件覆盖默认的select元素，例如，您将丢失各种浏览器对这些元素的默认呈现，这可能是一个非常头痛的问题。目前还没有简单的方法来检测浏览器是否会以特殊的方式（如iOS风格的微调器）呈现select或使用下拉菜单，因此，只有在不使用iOS/Android的情况下，才可以使用类似的方法来应用select插件。如果你想这么做，你就处在用户代理嗅探的黑暗世界中。（如果有人想纠正我，请纠正！）

进一步阅读

---

作为一个旁白，确保你检查了新的。它们提供了诸如不需要插件（如果浏览器支持的话）的原生数据采集器和许多其他类型的数据采集器，这些类型的数据采集器具有不同程度的实用性。例如，

type=“tel”

输入是一个很好的输入，在大多数桌面浏览器中，它会呈现一个普通的文本框，但在大多数带有虚拟键盘的手机/平板电脑/设备上，它会显示一个拨号键盘式的键盘，使使用者更容易输入电话号码，并让他们清楚地知道你想要什么。如果你正在为移动和桌面制作表单，这是非常值得考虑的事情，因为它可以使移动体验更加流畅。不支持这些元素的浏览器也会像往常一样继续渲染，这是非常好的。您还可以使用Modernizer之类的工具来检测这些输入类型是否对您可用，并以不同的方式进行操作。例如，我们使用Modernizer来检测是否有可用的本机日期选择器，如果有，我们只需保留我们的

听起来像是移动浏览器实现选择列表的方式，或者HTML5数字/日期/时间输入。这听起来像一个应用程序的本机UI。要使用UI，只需使用该元素类型。是的，这只是一个普通的
元素。无论有无引导，它在移动设备上都会像这样工作。