iOS Chrome 上的 HTML SELECT 不显示“完成”选项答案

【问题标题】：HTML SELECT on iOS Chrome doesn't show "Done" optioniOS Chrome 上的 HTML SELECT 不显示“完成”选项
【发布时间】：2014-05-22 12:38:45
【问题描述】：

我们在 iOS 上的 Chrome 中呈现 UI 时遇到问题，特别是 HTML SELECT Drop Down 元素。

例子：

使用 Safari，当您点击 SELECT 时，屏幕底部会打开一个微调器 - 您可以点击 Done 选择您的选择并返回表单。

但是，当您在 iOS 上的 Chrome 中加载完全相同的页面时，“完成”不会出现。用户必须选择他们的选择，然后点击 UI 上的其他位置以返回表单。非常不直观，用户感觉好像 SELECT 不起作用。

有人对此有解决方案吗？

（我会将图片发布到插图中，但这是我的第一个问题，我没有足够的“声誉”来做到这一点:-()

【问题讨论】：

【解决方案1】：

我经历过同样的事情，这似乎与没有环绕表单标签和提交按钮的选择有关。没有选择会显示一个“X”来关闭选择，而使用表单/提交它会显示文本“完成”。

【讨论】：

这并不能解决我的问题。这个选择（w3schools.com/tags/tryit.asp?filename=tryhtml_select）对我来说有“完成”这个词，但在我的网站上，我看到“X”......

【解决方案2】：

howlee 的评论对于所提供的链接当然是正确的，但是如果您花时间添加另一个选择元素，它会再次显示 X 而不是完成按钮。

所以我猜有 1 个元素会显示完成，超过 1 个元素会从完成切换到 X。

也许这是他们希望展示的功能，我们应该让它保持一致？

:-S

【讨论】：

【解决方案3】：

这似乎是 iOS 版 Chrome 的“功能”。我的猜测是，出于 Material Design 的原因，他们想要覆盖常规的 iOS 样式。

X 的功能似乎与“完成”按钮相同，任何使用 iOS 版 Chrome 的人都应该熟悉这种行为方式。

我敢肯定有办法绕过它，但它们会相当老套。

我觉得它没有出现在 w3schools 网站上的事实与那里的所有 iframe 有关。

【讨论】：

【解决方案4】：

对于那些仍在为这个问题苦苦挣扎的人，我找到了适用于旧 iOS 版本的解决方案。

尝试将输入字段放在托管在不同域（也可以是子域）上的单独 html 文件中，并在网页的框架内请求该 html。该按钮具有相同的功能，只是名称不同（更直观）。

此解决方法也适用于所有其他 html 输入。

【讨论】：