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问题这个问题目前在这里被问到。

WP;无法在iOS移动设备

2 个答案: