3

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

该表格在计算机上运行良好，即使此屏幕被拉下，因此它与手机一样窄。

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

所有其他形式似乎都适用于移动设备。

这是我的 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。

4

2 回答 2

0

确保在 CSS 中设置移动设备的颜色。如果需要，设置为黑色仅用于测试。

于 2016-03-15T15:57:53.303 回答
0

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

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

要使查询正常工作，输入文本字段的 method="get" 和 name="s" 很重要。

如果在删除（或使唯一）所有 id 后仍然无法将任何文本放入您的输入字段，则可能是 CSS 问题（元素位于您的文本输入之上）或任何无法从问题中导出的 JS 问题目前在这里询问。

于 2016-03-15T16:11:39.777 回答