html输入框只保留数字小数点和负数

在HTML中，可以通过给`input`元素添加一些属性来限制用户输入，以便只允许数字、小数点和负号。这可以通过结合使用`type="text"`和`pattern`属性来实现。同时，为了支持小数点输入，我们需要设置`inputmode`属性为`decimal`。

下面是一个简单的例子，展示了如何设置这些属性来达到用户只可以输入数字、小数点和负号的效果：

<input type="text" inputmode="decimal" pattern="^[0-9]*\.?[0-9]+$" placeholder="输入数字、小数点和负号" title="只允许数字、小数点和负号">

- `type="text"`: 指定了输入框是一个文本类型的输入框。
- `inputmode="decimal"`: 这是一个HTML5的属性，提示虚拟键盘为输入数字和小数点进行优化。
- `pattern="^[0-9]*\.?[0-9]+$"`: 使用了正则表达式来限制输入的内容。这个表达式的作用是：
- `^[0-9]*`：从字符串开始到第一个小数点之前，可以有任意数量（包括零个）的数字。
- `\.?`：小数点是可选的，可以出现零次或一次。
- `[0-9]+$`：小数点之后，必须跟有至少一个数字，并且以数字结束。
- `placeholder="输入数字、小数点和负号"`: 提示用户在输入框中可以输入什么。
- `title="只允许数字、小数点和负号"`: 当鼠标悬停在输入框上时，显示提示信息。

需要注意的是，虽然这样的设置能够在一定程度上限制用户输入的格式，但它们并不会阻止用户复制粘贴不符合规则的内容，也不会阻止用户通过其他手段输入非法字符。此外，某些浏览器对`pattern`属性的支持可能有所不同。如果需要更严格的输入验证，你可能还需要使用JavaScript来进行前端验证。