結合圖案與輸入字段的最大長度

Question

是否可以在jquerymobile的輸入字段上組合模式屬性和maxlength屬性？

<input name="aNumber" type="number" pattern="[0-9]{6}" maxlength="6" placeholder="dddddd" value="">
<input name="anotherNumber" type="number" pattern="[0-9]{3,4}" maxlength="4" placeholder="ddd(d)" value="">

我希望顯示大數字鍵盤，但只能使用pattern="[0-9]*"起作用。 不幸的是，在任何情況下都不會尊重maxlength屬性。

我想要的是一個數字鍵盤出現（大號/撥號； iPhone顯然有兩個：只有數字/撥號和帶有特殊字符的數字），使用戶最多可以輸入6或3到4個數字字符。

---

編輯：應用了@ raina77ow的建議，目前可以正常使用，但仍然感覺不對，所以我願意接受建議！

<input name="aNumber" type="tel" pattern="[0-9]*" maxlength="6" placeholder="dddddd" value="">

Answer 1

{6}表示正好6位數{0,6}表示最小0位數，最大6位數

Answer 2

type =“ tel” pattern =“ {X，6}” maxlength =“ 6”

如果您想將輸入限制為嚴格的數字（如數學數字而不是電話號碼），請使用：

pattern =“ [0-9] {X，6}”

其中x是0到6之間的整數，您可以輸入X的最小值和6位數字的最大值。

如果以這種方式鍵入模式，則僅對於不支持模式屬性的瀏覽器需要maxlength，我會保留它。