可湿性粉剂；无法从 iOS 移动设备在搜索输入字段中输入文本

Question

不知道有没有人遇到过这个，对我来说是新的。我目前正在开发一个主题，它在主侧边栏中有一个搜索表单，在这种情况下，它是一个标题部分。

这个表格在电脑上也能很好地工作，即使这个屏幕被拉下，所以它和手机一样窄。

问题是当我尝试从平板电脑或手机使用表单时，它不允许我在字段中输入任何文本。当我单击表单时，我的键盘会在移动设备上弹出，但我输入的任何内容最终都不会填充该字段。

所有其他形式似乎都可以在移动设备上正常运行。

这是我的 searchform.php：

<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">

    <label for="s" class="assistive-text"><?php _e( 'Search', 'fsxo' ); ?></label>

    <input type="text" class="form-control" name="s" value="<?php echo esc_attr( get_search_query() ); ?>" id="s" placeholder="<?php esc_attr_e( 'Search &hellip;', 'fsxo' ); ?>" />

    <input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'fsxo' ); ?>" />

</form>

我在边栏中这样称呼它：<?php get_search_form(); ?>

我们一如既往地非常感谢任何帮助解决这个问题。

谢谢！

更新：适用于 Android，但不适用于 iOS。

Answer 1

确保在 CSS 中设置移动设备上的颜色。如果需要，设置为黑色只是为了测试。

Answer 2

你知道 HTML 吗？ ;-) 不确定这是否是问题，但如果你使用 get_search_form() 两次在您的主题中，您不得使用任何 HTML-ID 属性，因为它必须是每个定义的唯一标识符。

无论如何，您都可以使用 get_search_query() 填充搜索表单中的两个文本字段。

要使查询正常工作，输入文本字段必须有 method="get" 和 name="s"。

如果在删除（或使唯一）所有 id 后仍然无法将任何文本放入您的输入字段，则可能是 CSS 问题（元素位于您的文本输入之上）或任何无法派生的 JS 问题当前在此处提出的问题。