如何将 type="number" 设为仅正数

新手上路,请多包涵

目前我有以下代码

<input type="number" />

结果是这样的

在此处输入图像描述

右边的小选择器允许数字变为负数。我该如何防止呢?

我对使用 type="number" 有疑问,它导致的问题多于它解决的问题,无论如何我都会对其进行完整性检查,所以我应该回去使用 type="text" 吗?

原文由 Arian Faurtosh 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 440
2 个回答

添加 min 属性

 <input type="number" min="0">

原文由 Quentin 发布,翻译遵循 CC BY-SA 4.0 许可协议

我找到了另一种防止负数的解决方案。

 <input type="number" name="test_name" min="0" oninput="validity.valid||(value='');">

原文由 Kushal 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题