HTML5输入数字最小值不能使用所需

Question

我想强制用户输入他们的年龄。我还想确保他们只在18-99之间进入。 HTML5，required，pattern和min等max属性是否可以实现这一点？好像它不起作用

<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

您的代码运行正常。检查此fiddle（我正在使用最新的Chrome）

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

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

Answer 3

它在Firefox中不起作用，但适用于Chrome，Internet Explorer，Safari和Opera。

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

<form action="">

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

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