Question

我正在创建一个接受任意数量小数的输入字段。我想将此输入验证为5或更高且小于100的数字。使用min和max属性，我可以创建以下HTML代码段。它似乎在每个浏览器中都能正常运行，但看起来很糟糕。

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

有没有一个体面的方法来做到这一点（没有舍入恶作剧）？

我知道这可以通过JavaScript轻松解决，但我想知道是否有一个像样的方法只用HTML来做到这一点。我试图验证具有HTML5表单验证但不是JavaScript的用户的输入。检查此输入服务器端会强制用户再次加载页面，这是我试图避免的。

Answer 1

也许您希望在Google的<head>中加入此css样式，这使得输入字段看起来比浏览器中的标准输入字段更好：

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