作者：手机用户2502859523 | 来源：互联网 | 2023-09-23 01:02
实际上是模拟实现html5的数据库功能，用键值对的方式。
！！！！！！废话不多说 ，代码
index.html的代码
<html lang="en">
<head>
<meta charset="UTF-8">
<title>H5表格提交title>
<script src="appWeb.js">script>
head>
<body>
<table>
<tr><td>姓名：td><td><input type="text" id="name">td>tr>
<tr><td>email：td><td><input type="text" id="email">td>tr>
<tr><td>电话号码：td><td><input type="text" id="tel">td>tr>
<tr><td>备注：td><td><input type="text" id="memo">td>tr>
<tr>
<td>td>
<td><input type="button" value="保存" onclick="saveStorage()">td>
tr>
table>
<hr/>
<p>检索：
<input type="text" id="find">
<input type="button" value="检索" onclick="findStorage('msg')">
p>
<p id="msg">p>
body>
html>
！！！！js代码
function saveStorage(){
var data = new Object()
data.name = document.getElementById("name").value
data.email = document.getElementById("email").value
data.tel = document.getElementById("tel").value
data.memo = document.getElementById("memo").value
var str = JSON.stringify(data)
localStorage.setItem(data.name,str)
alert("data saved")
}
function findStorage(id){
var find = document.getElementById("find").value
var str = localStorage.getItem(find)
var data = JSON.parse(str)
var result = "name:"+data.name+"
"
result += "email:"+data.email+"
"
result += "tel:"+data.tel+"
"
result += "memo:"+data.memo+"
"
var target = document.getElementById(id)
target.innerHTML = result
}
！！！！效果图
京公网安备 11010802041100号