WP; 無法從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(); ?> <?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問題無法從問題中導出它目前在這里被問到。