是否存在页面发生变化但Element不会发生变化的文档状态？

Question

我有一个关于 Chrome-console 的例子：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>

<form>
  <input type="text" name="form-input" value="value01" >
</form>

</body>
</html>

我将 <input> 的值更改为 value012:

在控制台可以看到，值发生了变化：

> var form_input = document.querySelector('[name=form-input]')
< undefined
> form_input

< <input type="text" name="form-input" value="value01">
> form_input.value

< "value012"

但在元素中，<input>没有改变。

我有一个疑问，当我改变页面时，元素是否不会改变？有文件说明吗？

（忽略 this will never change:abc，这没有影响）

Answer 1

value属性表示当前值。

value属性表示默认值。它映射到 defaultValue 属性.

修改当前值不会更改默认值。

如果您有重置按钮，它会将当前值替换为默认值。

是否存在页面发生变化但Element不会发生变化的文档状态？

Wether there is a document state that the page changes, but the Element will not change?

html

google-chrome

google-chrome-console