HTML5輸入類型檢查用戶已輸入的信息

我已經快速查找並找不到需要的內容。我期望它是簡單的。我有一個輸入文本框，其類型被設置爲範圍在1到20之間的數字。這非常有效。HTML5輸入類型檢查用戶已輸入的信息

但是，用戶只能輸入abc或21，這就打破了這一點。我怎樣才能設置它，使文本框不允許？

單獨HTML你不能。你需要JavaScript。 – j08691 2013-03-11 19:58:03

您使用的是Firefox嗎？如果是這樣，它不被支持。 – 2013-03-11 19:58:15

谷歌鉻和歌劇:) – 2013-03-11 20:08:41

也許你可以使用「模式」

<input type="text" pattern="[0-9]+" />

2013-03-11 19:59:57

在這種情況下使用JavaScript驗證是必要的 – 2013-03-11 20:03:42

輸入類型= 「數字」和「範圍」不能在Firefox支持。

您可能想要使用javascript解決，或者，如果它只是20個數字（即1-20）的問題，爲什麼不使用下拉菜單？

如：

<select> 
    <option>1</option> 
</option>

等...

2013-03-11 20:10:33

HTML5具有 '數字' 類型的輸入元件。它看起來像這樣：

<input type="number" name="quantity" min="1" max="5">

然而，並不是每一個瀏覽器支持這一點，所以你可能需要驗證用戶提供的輸入。此頁面會告訴你哪些瀏覽器支持此功能：

2013-03-11 20:13:10 rwalter

回答