Не уверен, что кто-то сталкивался с этим раньше, это новый для меня. В настоящее время я разрабатываю тему с поисковой формой на главной боковой панели, которая в данном случае дублируется в качестве заголовка.
Форма хорошо работает с компьютера, даже если этот экран снят, поэтому он такой же узкий, как и для телефона.
Проблема в том, что когда я пытаюсь использовать форму с планшета или телефона, она не позволяет мне вводить текст в поле. Когда я нажимаю на форму, моя клавиатура появляется на мобильном устройстве, но ничего, что я ввожу, не заполняет поле.
Все другие формы, кажется, работают хорошо с мобильных устройств.
Вот мой 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 …', 'fsxo' ); ?>" />
<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'fsxo' ); ?>" />
</form>
Я звоню в боковую панель, вот так: <?php get_search_form(); ?>
Любая помощь в выяснении этого, как всегда, очень ценится.
Спасибо!
ОБНОВЛЕНИЕ: Работает на Android, но не на iOS.
Убедитесь, что вы установили цвет на мобильном телефоне в CSS. Установите черный только для тестирования, если вам нужно.
Вы знаете HTML? 😉 Не уверен, что это проблема, но если вы используете
get_search_form () дважды в вашей теме вы не можете использовать свойство HTML-ID, так как должен быть уникальный идентификатор для определения.
В любом случае вы можете заполнить оба текстовых поля в ваших поисковых формах с помощью get_search_query ().
Чтобы запрос работал, важно иметь method = «get» и name = «s» для поля ввода текста.
Если после удаления (или создания уникальных) всех идентификаторов все еще невозможно вставить какой-либо текст в поля ввода, это, вероятно, проблема CSS (элемент находится над вводом текста) или любая проблема JS, которая не может быть выведена из вопроса как это в настоящее время спрашивается здесь.