浏览器在哪里存储用户输入数据？
Where does the browser store user input data?
浏览器在哪里存储用户输入数据，例如复选框选择值、文本框中的文本等？
例如，在文本框中输入一些文本后，我在 Chrome 中使用 检查元素 检查，但在那里看不到输入的值。它也不在页面上的 查看源代码 中。它在浏览器缓存中吗？
它们存储在 DOM 中。 HTML 被解析并存储为数据。这些数据被渲染成我们在浏览器中看到的内容。可以使用 Javascript 以及通过与网站的交互（即选中框、输入文本）访问和更改此数据。
为什么您看不到变化
- 查看源代码显示了发送到浏览器的原始代码。它不显示对页面所做的任何更改。
- 缓存存储您已经从服务器下载的文件（图片、js、css、html）。下次你去下载这些文件时，你的浏览器可以使用它已经下载并保存到缓存中的文件，而不是再次下载它们。这样更快更有效。出于与查看源代码相同的原因，您不会在此处看到反映的更改。
- Inspect Element in Chrome 也没有显示变化。这是因为当 DOM 发生变化时，他们无法更新检查器。在我看来，这是他们的一个错误，但出于性能原因可能是必需的。
如何查看更改
在您的浏览器中打开一个控制台（大多数都有一个内置的）并输入 document.getElementById("id-of-input").value 您将看到输出的值。
您应该注意，您使用 value 和 checked 作为复选框。
浏览器在哪里存储用户输入数据，例如复选框选择值、文本框中的文本等？
例如，在文本框中输入一些文本后，我在 Chrome 中使用 检查元素 检查，但在那里看不到输入的值。它也不在页面上的 查看源代码 中。它在浏览器缓存中吗？
它们存储在 DOM 中。 HTML 被解析并存储为数据。这些数据被渲染成我们在浏览器中看到的内容。可以使用 Javascript 以及通过与网站的交互（即选中框、输入文本）访问和更改此数据。
为什么您看不到变化
- 查看源代码显示了发送到浏览器的原始代码。它不显示对页面所做的任何更改。
- 缓存存储您已经从服务器下载的文件（图片、js、css、html）。下次你去下载这些文件时，你的浏览器可以使用它已经下载并保存到缓存中的文件，而不是再次下载它们。这样更快更有效。出于与查看源代码相同的原因，您不会在此处看到反映的更改。
- Inspect Element in Chrome 也没有显示变化。这是因为当 DOM 发生变化时，他们无法更新检查器。在我看来，这是他们的一个错误，但出于性能原因可能是必需的。
如何查看更改
在您的浏览器中打开一个控制台（大多数都有一个内置的）并输入 document.getElementById("id-of-input").value 您将看到输出的值。
您应该注意，您使用 value 和 checked 作为复选框。