表单中输入框中输入的内容自动存入localStorage中，并在刷新页面后显示出来。


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	 <style>
			.box{
				width: 500px;
				margin: 60px auto;
			}
		</style>
	</head>
	<body>
	  <div class="box">
			<label for="search">搜索</label>
			<input type="text" name="" id="search"  value="">
			<br>
			<h1 id="r"></h1>
		</div>
		<script>
			// 抓取元素
			var search = document.querySelector('#search');
			var r = document.querySelector('#r');
			
			console.log(search,r);
			
			search.onchange = function(){
				console.log(this.value);
				// 保存数据
				localStorage.setItem('mysearch',this.value);
			}
			
			window.onload = function(){
				// 读取数据
				r.innerHTML = localStorage.getItem('mysearch');
			}
			
		</script>
	</body>
</html>

预览效果

相关阅读:
前端算法之二分查找
Mosaic数据增强
【Leetcode刷题Python】96. 不同的二叉搜索树
Linux 内核打印（高级字符设备六）
【鸿蒙软件开发】ArkTS基础组件之Gauge(环形图表)、LoadingProgress(动态加载)
20个CSS面试题和答案的示例
【工具】markdown
【c#】关于web api发布
docker学习笔记（4）- 应用数据管理（容器外）
浅谈用Redis实现分布式锁的方案及细节

原文地址：https://blog.csdn.net/m0_71814235/article/details/126679579