使用JS时表单输入字段中未保留用户输入值

在使用JS时，表单输入字段中未保留用户输入值可能是由于以下原因导致的：

1. 缺乏表单数据的持久化：当用户在表单中输入数据后，如果没有将这些数据保存在某个地方（如数据库、本地存储等），刷新页面或跳转到其他页面时，输入字段中的值就会丢失。
2. 页面重新加载：如果在表单提交后，页面进行了重新加载，输入字段中的值也会丢失。这可能是因为表单的提交方式是同步的，导致页面重新加载。
3. 表单重置：如果在表单提交后，使用了表单的重置功能，输入字段中的值会被重置为默认值，从而丢失用户输入的值。

为了解决这个问题，可以采取以下措施：

1. 使用本地存储：可以使用浏览器提供的本地存储（如localStorage、sessionStorage）将用户输入的数据保存起来，在页面加载或跳转后再将数据取出并填充到相应的输入字段中。
2. 使用AJAX提交表单：可以使用AJAX技术将表单数据异步提交到服务器，这样就不会导致页面重新加载，输入字段中的值也不会丢失。
3. 使用前端框架：一些前端框架（如React、Vue等）提供了表单状态管理的功能，可以方便地保留用户输入的值，并在需要时将其填充到输入字段中。
4. 使用浏览器自动填充功能：现代浏览器通常都支持自动填充表单的功能，可以通过设置表单的autocomplete属性来启用该功能。

总结起来，为了保留用户输入字段中的值，可以使用本地存储、AJAX提交表单、前端框架或浏览器自动填充等方法。具体选择哪种方法取决于项目需求和技术栈。