jsp 点击提交后在输入框内保留输入的值
时间: 2024-03-17 21:42:43 浏览: 85
要实现在点击提交后在输入框内保留输入的值,可以使用以下两种方法:
1. 使用表单自动填充功能:在表单中的输入框中添加 name 属性,在提交表单后,浏览器会自动将表单数据填充到相应的输入框中。但是这种方法只适用于表单提交后页面不进行刷新的情况。
2. 使用 JavaScript:在点击提交按钮时,使用 JavaScript 获取输入框中的值,然后将其存储到本地存储中,再在页面加载时从本地存储中读取值并填充到输入框中。这种方法适用于表单提交后页面进行刷新的情况。
下面是一段使用 JavaScript 实现的代码示例:
```
// 获取输入框元素
var inputElement = document.getElementById('input');
// 获取提交按钮元素
var submitButton = document.getElementById('submit');
// 在页面加载时从本地存储中读取值并填充到输入框中
window.onload = function() {
var value = localStorage.getItem('inputValue');
if (value) {
inputElement.value = value;
}
};
// 在点击提交按钮时将输入框的值存储到本地存储中
submitButton.onclick = function() {
var value = inputElement.value;
localStorage.setItem('inputValue', value);
};
```
阅读全文