如何從Mobile Safari的<input type =「number」>中刪除「0」佔位符？

Question

我有一個輸入字段供用戶輸入的金額：

<input type="number" value="{{ order.amount }}" /> 

我選擇了number輸入類型，因爲我想在單擊時的野外數字鍵盤出現。我無法使用type="text" pattern="[0-9]*"（建議爲here），因爲這會導致僅顯示數字的輸入板沒有小數點。

不幸的是，如果value屬性是什麼，但數字（包括空字符串或空間），現場呈現以「0」的默認值：

太差勁了，因爲用戶的需求在輸入值之前打⌫。

有什麼辦法解決這個問題嗎？

更新：我是個白癡。一些JavaScript正在驗證和重新格式化該領域。沒關係。

Answer 1

我會看看您用來設置該字段的value屬性的代碼（value="{{ order.amount }}"）。我之所以這樣說，是因爲在移動版Safari中，「vanilla」數字字段爲空，即缺省爲0。

您的屏幕截圖向我建議您使用jQuery Mobile，因此我使用該選項檢查以防萬一問題出現在此處，但同樣沒有默認值爲零。

對於它的價值，這是我使用的加價（這使得iOS中的仿真器和在iPhone 3GS空號字段）：

<input type="number" value="" />