输入字段数据不删除一次添加

Question

我有一个表单，其中包括cakephp3和JS。我有一个问题，我如何将数据存储到输入字段?这个任务有一些条件，如果用户在输入字段中添加输入，这些数据将不会删除，如果页面被某人加载或关闭浏览器并再次返回该页面，用户将在输入字段中获得相同的数据，但当他提交表单时，只有数据将从表单中删除。有什么可能的解决方案吗

Answer 1

正如评论中提到的，您可以通过;

1. 保存输入。localstorage

   的值

2. 设置你的输入值为本地存储

3. 提交时清空本地存储

   //获取输入字段let input = document.getElementById(myInput");let submit = document.getElementById('submit');

   // Save data to local storage on keyup or keydown
   input.addEventListener('keydown', (e) => {
   if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
   e.preventDefault(); 
   localStorage.setItem('Name', JSON.stringify(input.value))
   }
   });
   //Populate input data with whatever is in localstorage
   function populateUI(){
   if (localStorage.getItem("Name") !== null) {
   input.value = JSON.parse(localStorage.getItem('Name'))
   }  
   }
   // Reset localstorage and input field value after submit
   submit.addEventListener('click', () => {
   localStorage.removeItem("Name");
   input.value = ''
   }, false)
   populateUI();