我注意到在戴爾或谷歌等網站中導航,在iPhone中鍵入他們的搜索文本框,在鍵盤上出現一個藍色按鈕而不是標準的「搜索」出現在任何常規表單上的「開始」按鈕。在iPhone/iPad Safari瀏覽器鍵盤中顯示'搜索'按鈕
你應該怎麼做來顯示搜索按鈕?
我注意到在戴爾或谷歌等網站中導航,在iPhone中鍵入他們的搜索文本框,在鍵盤上出現一個藍色按鈕而不是標準的「搜索」出現在任何常規表單上的「開始」按鈕。在iPhone/iPad Safari瀏覽器鍵盤中顯示'搜索'按鈕
你應該怎麼做來顯示搜索按鈕?
可以影響這種行爲:
<input type="search" />
忽略submit
按鈕的文字是「水壺,」我只是想確保它不是提交按鈕影響文本的iOS鍵盤......
這當然是向後兼容的,因爲瀏覽器不明白type="search"
將默認爲type="text"
,這是有用的l用於創建forward-planning html5 forms。
鍵盤由操作系統(iOS)處理,不能直接更改。所需輸入的類型決定了要顯示的鍵盤類型。
如果有問題的網站是HTML5,那麼@David的答案是有效的。
我無法與
<input type="search" />
但是,我沒有得到獲得搜索按鈕它出現
<form>
<input name="search" />
</form>
在iOS 8,您可以啓用藍色的「搜索」 - 按鈕
具有類型=「搜索」通常是所有你需要爲了使軟件搜索鍵盤出現,但是在iOS8中,必須具有動作屬性的包裝形式。
所以下面的代碼將有一個軟件鍵盤「返回」按鈕
<form>
<input type="search" />
</form>
但是這個代碼應該有藍色的「搜索」按鈕,而不是
<form action=".">
<input type="search" />
</form>
任何想法,爲什麼它的工作原理在這個網站雖然? http://www.mobilecityonline.com/ 在iPhone上檢查了源,並且它沒有使用type = search的輸入。 – einarq 2011-11-21 11:22:18
爲了迴應我自己的評論,似乎iPhone也在鍵盤上顯示「搜索」,如果文本框的名稱中還包含單詞「搜索」。 未測試過Android。 – einarq 2011-11-22 21:18:46
元素的`id`必須包含搜索,使其在Chrome瀏覽器,然後讓它在iPhone和iPad上工作,我只好就地內的`