html - 如何限制输入框只能输入数字?

标签 html reactjs react-bootstrap

   <Form.Group>
              <Form.Control. onChange={e => { console.log('e------',e.target.value)}}
             type='number' />
   </Form.Group>

我设置的类型可以是数字,但是当我点击“输入”(返回按钮)和“-”时,

我仍然可以在输入框中看到“e”和“-”,但我只希望用户在输入框中看到数字。

最佳答案

你可以使用这个

<Form.Control type="number" onKeyDown={ (evt) => evt.key === 'e' && evt.preventDefault() } />

根据 stackoverflow 上类似问题的现有答案

关于html - 如何限制输入框只能输入数字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63364383/

相关文章:

html - 拉伸(stretch)一个元素以填充其容器的其余部分,同时插入以下元素进行换行?

javascript - 如何根据facebook评论动态调整div高度

reactjs - React Native - React Navigation 无法在 DrawerContent 中使用 Hooks

html - 如何去除 Bootstrap 中选择框的圆 Angular ?

html - 单击 HTML 5 视频元素播放、暂停视频、中断播放按钮

node.js - MERN 堆栈项目中的 React [create-react-app] 正在提供依赖项

reactjs - 错误: Cannot find module 'eslint/lib/rules/no-unused-expressions'

reactjs - react 引导 Accordion 错误 : Element type is invalid: expected a string (for built-in components) or a class/function (for composite components)

javascript - Reactjs:将侧边栏组件导入到不同的页面

reactjs - Formik中具有初始值的复选框不切换,需要处理选中/默认选中