2011-02-01 143 views

回答

28

可以影響這種行爲:

<input type="search" /> 

JS Bin demo

忽略submit按鈕的文字是「水壺,」我只是想確保它不是提交按鈕影響文本的iOS鍵盤......

這當然是向後兼容的,因爲瀏覽器不明白type="search"將默認爲type="text",這是有用的l用於創建forward-planning html5 forms

+0

任何想法,爲什麼它的工作原理在這個網站雖然? http://www.mobilecityonline.com/ 在iPhone上檢查了源,並且它沒有使用type = search的輸入。 – einarq 2011-11-21 11:22:18

+5

爲了迴應我自己的評論,似乎iPhone也在鍵盤上顯示「搜索」,如果文本框的名稱中還包含單詞「搜索」。 未測試過Android。 – einarq 2011-11-22 21:18:46

+0

元素的`id`必須包含搜索,使其在Chrome瀏覽器,然後讓它在iPhone和iPad上工作,我只好就地內的`

了``input`。 – sshow 2014-03-12 09:55:47

0

鍵盤由操作系統(iOS)處理,不能直接更改。所需輸入的類型決定了要顯示的鍵盤類型。

如果有問題的網站是HTML5,那麼@David的答案是有效的。

27

我無法與

<input type="search" /> 

但是,我沒有得到獲得搜索按鈕它出現

<form> 
    <input name="search" /> 
</form> 
4

在iOS 8,您可以啓用藍色的「搜索」 - 按鈕

  • 添加輸入名稱=搜索
  • 加我:鍵盤做的一個關於NPUT
  • 類型=搜索添加id來與所述ID的區分大小寫「搜索」一詞輸入, 例如,搜索或thesearchgod
60

具有類型=「搜索」通常是所有你需要爲了使軟件搜索鍵盤出現,但是在iOS8中,必須具有動作屬性的包裝形式。

所以下面的代碼將有一個軟件鍵盤「返回」按鈕

<form> 
    <input type="search" /> 
</form> 

但是這個代碼應該有藍色的「搜索」按鈕,而不是

<form action="."> 
    <input type="search" /> 
</form> 
相關問題