是否可以为输入配置向上和向下按钮[type =＆＃34; number＆＃34;]具有与输入验证不同的步骤？

Question

我想要一个数字输入：

• 接受范围[0,1000]中的所有整数值（例如42是有效值）
• 拒绝所有非整数值（例如3.14是无效值）
• 按下向上/向下按钮时，值增加/减少10（或增加到最近 n * 10）

似乎step属性配置输入表单验证和上/下按钮的行为。对我来说，输入是否有可能具有所描述的行为？

Answer 1

在这里，一个工作的例子：

＆＃13;

＆＃13;

 <input type="number" name="quantity" min="0" max="1000" step="10">

＆＃13;

＆＃13;

＆＃13;

您可以使用min和max属性指定范围，然后指定箭头点击添加或减少的数量，您可以设置step属性。< / p>