This question already has answers here:
Is there a float input type in HTML5?

(12个答案)


3年前关闭。




我需要一个简单的输入框作为浮点数(实际上是带有.的任何内容)。目前,它不允许我输入点并进行浮点运算。应该很简单,但我在此上找不到太多。

这里大致是当前代码:
class MyComponent extends React.Component {
  render () {
    return (
      <td>
        <label> Value: </label>
            <input
                type='number'
                min='0'
                max='20'
                className='form-control'
                value={this.state.value}
                onChange= {(evt) => this.onValueChange('value', evt.target.value)}
              />
      </td>
    )
  }
}

最佳答案

数字类型具有step值,该值控制默认为1的数字精度。

您可以使用它来设置浮点精度

<input type="number" step="0.1">

你将会拥有
class MyComponent extends React.Component {
  render () {
    return (
      <td>
        <label> Value: </label>
            <input
                type='number'
                step="0.1"
                min='0'
                max='20'
                className='form-control'
                value={this.state.value}
                onChange= {(evt) => this.onValueChange('value', evt.target.value)}
              />
      </td>
    )
  }
}

10-05 20:39
查看更多