当输入数字时，HTML文本输入框会呈现圆角。

Question

15 浏览2023年2月9日

匿名的 2023年2月9日

0 Comments

我正在开发一个PHP应用程序，当我使用HTML文本输入时，遇到了一个问题，这是我第一次处理这种情况。

当我尝试将浮点值34.4插入HTML文本输入框中，以便将其放入MySQL数据库中时，但当我去数据库中查看时，却发现值为35。

我不知道为什么会出现这种四舍五入的情况，我没有使用任何类似于ceil的函数。

如果有人能帮助我，我将非常感激。

0

匿名的 · Answer 1 · 2023-04-16T03:29:13+00:00

问题出现的原因是数据库列的类型设置为DECIMAL(10,0)，这导致MySQL将浮点数四舍五入为整数。

要解决这个问题，可以将数据库列的类型修改为DECIMAL(10,2)，其中2表示保留两位小数。这样可以确保在输入浮点数时不会被四舍五入为整数。

另外，还可以在HTML的输入标签中添加step属性，并设置为"any"，以允许输入任意精度的浮点数。例如：

。

通过以上两种方法的组合，可以解决HTML文本输入框在输入数字时被四舍五入的问题。

匿名的 · Answer 2 · 2023-05-05T14:21:45+00:00

在MySQL中设置列类型为float

问题：当在HTML文本输入框中输入数字时，输入框的边角会变圆。

原因：

这个问题可能是由于CSS样式的设置问题导致的。当输入框的边角设置为圆角时，在输入数字时，浏览器会自动将输入框的外观进行调整，使输入框的边角变圆。

解决方法：

我们可以通过设置CSS样式来解决这个问题。可以使用以下CSS样式将输入框的边角设置为直角：

input[type="text"] {
  border-radius: 0;
}

上述代码将输入框的边角设置为直角，从而解决了输入数字时输入框边角变圆的问题。

另外，如果想要在某个特定的输入框中解决这个问题，可以为该输入框设置一个独立的CSS样式。以下是一个示例：

#myInput {
  border-radius: 0;
}

上述代码中，`#myInput`是一个具有唯一ID的输入框的选择器，通过设置`border-radius: 0;`样式，可以将该输入框的边角设置为直角。

通过以上的解决方法，我们可以解决在输入数字时HTML文本输入框边角变圆的问题。

匿名的 · Answer 3 · 2023-08-26T20:03:35+00:00

问题原因：当使用HTML文本输入时，输入数字时会出现圆角的情况。这是由于在MySQL中，如果使用DECIMAL类型的默认精度（DECIMAL(10, 0)）时，需要明确指定精度和标度。

解决方法：在声明DECIMAL列时，使用DECIMAL(M,D)的语法。在MySQL 5.7中，参数的取值范围如下：

M是数字的最大位数（精度），取值范围为1到65（在旧版本的MySQL中，取值范围为1到254）。

D是小数点右侧的位数（标度），取值范围为0到30，且不能大于M。