element input 只能输入正负数保留小数点两位

您可以使用以下 HTML 代码来创建一个只能输入正负数并保留小数点两位的 input 元素：

<input type="number" step="0.01" pattern="-?\d+(\.\d{2})?" title="请输入正负数并保留小数点两位">

其中，type 属性指定 input 类型为 number，step 属性指定每次增加或减少的值为 0.01，pattern 属性使用正则表达式限制输入格式，-? 表示可输入负数，\d+ 表示至少一位数字，(\.\d{2})? 表示可输入一到两位小数，title 属性设置提示信息。

相关问题

element 输入框input只能输入数字不能输入小数点

可以使用 HTML5 中的 `input` 元素的 `type="number"` 属性限制只能输入数字，但无法限制小数点的输入。如果要限制输入小数点，可以使用 JavaScript 监听输入事件，当输入小数点时阻止默认行为。

示例代码如下：

HTML：

<input type="text" id="input" />

JavaScript：

const input = document.getElementById('input');
input.addEventListener('input', e => {
  const value = e.target.value;
  e.target.value = value.replace(/[^\d]/g, ''); // 只允许输入数字
});

input.addEventListener('keypress', e => {
  if (e.key === '.') { // 当输入小数点时阻止默认行为
    e.preventDefault();
  }
});

el-input只能输入小数点和数字

以下是el-input只能输入小数点和数字的两种方法：
1.使用JavaScript代码校验只能输入数字和小数点：

<el-input v-model="inputValue" placeholder="只能输入数字和小数点" @input="handleInput"></el-input>

methods: {
  handleInput() {
    this.inputValue = this.inputValue.replace(/[^\d.]/g, ''); // 只保留数字和小数点
    this.inputValue = this.inputValue.replace(/^\./g, ''); // 第一个字符不能是小数点
    this.inputValue = this.inputValue.replace(/\.{2,}/g, '.'); // 不能出现多个小数点
    this.inputValue = this.inputValue.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); // 只能有一个小数点
  }
}

2.使用element-ui的el-input-number组件，设置step属性为小数点后的位数即可：

<el-input-number v-model="inputValue" :step="0.01" placeholder="只能输入数字和小数点"></el-input-number>