编写一个html网址,可以进行输入和保存数据
时间: 2023-05-25 14:01:21 浏览: 35
<!DOCTYPE html>
<html>
<head>
<title>Input and Save Data</title>
</head>
<body>
<form>
<label for="name">Name: </label>
<input type="text" id="name" name="name"><br><br>
<label for="email">Email: </label>
<input type="email" id="email" name="email"><br><br>
<label for="phone">Phone: </label>
<input type="tel" id="phone" name="phone"><br><br>
<label for="message">Message: </label><br>
<textarea id="message" name="message"></textarea><br><br>
<button type="button" onclick="saveData()">Submit</button>
</form>
<script>
function saveData(){
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var phone = document.getElementById("phone").value;
var message = document.getElementById("message").value;
localStorage.setItem("name", name);
localStorage.setItem("email", email);
localStorage.setItem("phone", phone);
localStorage.setItem("message", message);
}
</script>
</body>
</html>
此 HTML 网页可以用于输入姓名,电子邮件地址,电话号码和消息,并将这些数据保存在本地存储中。用户输入信息后,点击提交按钮将会调用 JavaScript 函数,将数据存储在浏览器的本地存储中。
当用户需要访问这些数据时,只需调用 localStorage.getItem("key") 函数即可,其中“key”是保存数据时使用的键。例如:
var name = localStorage.getItem("name");
var email = localStorage.getItem("email");
var phone = localStorage.getItem("phone");
var message = localStorage.getItem("message");
相关推荐


















