javascript - Input type ="number"Value does not update in html 这是否正常

Question

我之前没有用过这个，刚才注意到它没有更新它在 html 中的值？

基本上我有一个包含此内容的 Html 表，用户将其更新为所需的数量并提交，我将使用 Html 解析它以获取内容。

但是在 html 中我看到输入框的值总是 1，我它从不更新自己

<input type="number" id="testNumber"   value="1" min="1" max="100" />

Answer 1

虽然是，但标记表明该值仍为 1，如果提交此表单，数字输入的显示值仍会返回。

您可以通过在浏览器的控制台中运行以下命令来验证这一点:

var input = document.getElementById('testNumber');
input.value; 

编辑 1:

如果你想让html的值匹配dom元素的值，自己赋值，像这样:

input.setAttribute('value', input.value);