表单中输入框中输入的内容自动存入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>

预览效果

相关阅读:
数据库_JDBC
RocketMQ 系列(五）高可用与负载均衡
为什么 wireguard-go 高尚而 boringtun 孬种
【linux/docker】解决ORA-28000: the account is locked
【webrtc】时间戳reordered 重新排序、环绕的判断
基于SSM的电影小说网站设计与实现
【Axure教程】用中继器制作树形表格
Mysql数据库基础总结：
Mysql 单行处理函数打字练习—— 让你熟悉必要的函数，提高查询效率
如何用golang写一个自己的后端框架

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