css - HTML5输入数字最小值最大值不适用于必需

Question

我想强制用户输入他们的年龄。我还想确保他们只在 18-99 之间进入。使用,和等HTML5属性可以做到这一点吗？好像它不起作用requiredpatternminmax

<form>
    <input type="number" name="Q2age" id="Q2age" size="10" min="18" max="99" pattern="[1-8][0-9]" required>
    <button type="submit" class="button" id="test">Submit</button>
</form>

我在这里做错了吗？我在 Ubuntu 12.0.4LTS 上使用 Firefox 22.0（也在 Chrome 上测试过，但不起作用。）谢谢你的帮助。

Answer 1

这是预期的行为，因为 FF21 不支持 min,max 属性...

您可以在http://html5test.com/中查看

检查屏幕截图

Answer 2

您的代码工作正常。检查这个小提琴（我正在使用最新的 chrome）

我唯一关心的是你pattern="[1-8][0-9]"可以简单地使用这个

pattern="[0-9]{2}"

Answer 3

它不适用于 Firefox，但它适用于 Chrome、Internet Explorer、Safari 和 Opera。

请在此处找到工作演示：演示

<form action="">

<input type="number" name="points" min="1" max="10" name="Q2age" id="Q2age" required>

 <input type="submit" value="submit" />
</form>