如何限制用戶在Chrome擴展的選項中輸入浮點數

Question

我想限制用戶在我的Chrome擴展的選項中輸入浮點數。

所以我決定用下面的代碼：

<input type="number" id="autorefreshIntervalSecs"> 

，發現我仍然能夠在其進入非十進制值。

那麼實現這種行爲的最好方法是什麼？

Answer 1

使用pattern這樣

<input type="number" id="autorefreshIntervalSecs" pattern="[0-9]" title="Only Enter Natural Numbers"> 

它將在title顯示郵件作爲錯誤時用戶輸入的東西外[0-9]和提交

EDIT：用戶將仍然能夠鍵入他們，但不提交表格。