2012-12-09 31 views
2

我爲移動設備構建了一個web應用程序。iPhone數字小鍵盤十進制可編輯網頁應用程序DIV

我的DOM有一個<div contenteditable="true">觸發在觸摸到容器中的iOS上顯示的鍵盤。到目前爲止這麼好,但在特殊情況下,我希望用戶輸入帶小數的數字,所以我想在iOS上觸發一個具有十進制支持的數字小鍵盤(以後在所有移動連續播放器上)。

誰能告訴我如何CSS或屬性我的容器來獲得所需的數字鍵盤?

回答

2

我想你應該用下面的

<input type="number" pattern="[0-9]*" /> 

這實際上講的iOS(和Android)瀏覽器使用小鍵盤大替換當前輸入的標籤。

欲瞭解更多詳情,請參閱here

+0

這實際上並沒有回答這個問題,因爲@ wzr1337選擇了接受它。使用數字類型會引入新問題,例如,如果您不想使用微調控制器(webkit),或者希望跨瀏覽器使用一致的外觀和感覺,那麼該怎麼辦。 – KryptoniteDove

相關問題