在基於小數的輸入字段上設置小於數字的最大值

我在輸入字段中接受任意數量的小數。我想驗證此輸入爲5或更高且小於100的數字。使用min和max屬性，我可以創建以下HTML片段。它似乎在每個瀏覽器中正常運行，但看起來很可怕。在基於小數的輸入字段上設置小於數字的最大值

<input type="number" step="any" min="5" max="99.9999999999999999" required>

有一個體面的方式來做到這一點（不四捨五入有心計）？

我知道這可以很容易地解決使用JavaScript，但我想知道是否有一個體面的方式來做到這一點只是HTML。我試圖驗證具有HTML5表單驗證但不支持JavaScript的用戶的輸入。檢查輸入服務器端強制用戶再次加載頁面，我試圖避免。

來源

2015-10-15 Kevin van Rijn

max屬性定義了頂值，包括定義的值。要改變這種行爲，你應該添加一種javascript添加的驗證：要麼檢查數字是100還是直接用[this]替換min max屬性（http://stackoverflow.com/questions/15994576/maximum -allowed - 值對輸入型文本）。 –

@LelioFaieta我知道JavaScript驗證，並且在提交表單（如果瀏覽器不支持某些屬性）和一次服務器端之前已經使用它來再次檢查輸入。我只是想知道是否有一種體面的方式來使用'min'，'max'屬性，因爲99.999 ...返回的數字應該低於100而不是99.999的消息....這可能只是儘管四捨五入。 –

正如我之前告訴你的：根據HTML規範，指定的最大值總是包含在範圍內。所以你不能做任何更多的關於這個純粹的HTML –

-2

也許你想包括在<head>從谷歌，這使得輸入字段看起來比非標準輸入字段從您的瀏覽器更好的這個CSS樣式：

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">

來源

2015-10-15 09:21:29

Whhaaaaatt ???? – Abhitalks

在基於小數的輸入字段上設置小於數字的最大值

回答

相關問題