html实现录入信息在数组中、保存本地功能

要实现录入信息在数组中、保存本地功能，可以使用HTML5中的localStorage来实现。

首先，在HTML页面中创建一个表单，让用户输入需要保存的信息：

<form>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  
  <label for="age">年龄：</label>
  <input type="number" id="age" name="age"><br><br>
  
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br><br>
  
  <input type="button" value="保存" onclick="saveData()">
</form>

在表单中，我们定义了三个输入框：姓名、年龄和邮箱。同时，我们也添加了一个保存按钮，当用户填写完信息后，可以点击保存按钮将信息保存到localStorage中。

接下来，在JavaScript中定义一个名为saveData的函数，用于将用户输入的信息保存到localStorage中：

function saveData() {
  // 获取用户输入的信息
  var name = document.getElementById("name").value;
  var age = document.getElementById("age").value;
  var email = document.getElementById("email").value;

  // 将信息保存到localStorage中
  var data = {
    name: name,
    age: age,
    email: email
  };

  if (localStorage.getItem("userData") === null) {
    var userData = [];
    userData.push(data);
    localStorage.setItem("userData", JSON.stringify(userData));
  } else {
    var userData = JSON.parse(localStorage.getItem("userData"));
    userData.push(data);
    localStorage.setItem("userData", JSON.stringify(userData));
  }
}

在saveData函数中，我们首先获取用户输入的姓名、年龄和邮箱，然后将这些信息保存到一个对象中。接下来，我们判断localStorage中是否已经有保存用户信息的数组，如果没有，则创建一个新的数组，并将当前用户的信息加入其中；如果已经存在，则将当前用户的信息加入数组中并更新localStorage中保存的数据。

最后，我们使用JSON.stringify将保存用户信息的数组转换为字符串，然后使用localStorage.setItem将其保存到本地。

这样，当用户点击保存按钮时，就会将其输入的信息保存到localStorage中。

如果需要在页面中展示保存的信息，可以通过以下代码获取localStorage中保存的数据，并将其展示在页面中：

var userData = JSON.parse(localStorage.getItem("userData"));
for (var i = 0; i < userData.length; i++) {
  document.write("姓名：" + userData[i].name + "<br>");
  document.write("年龄：" + userData[i].age + "<br>");
  document.write("邮箱：" + userData[i].email + "<br><br>");
}

在上述代码中，我们首先使用JSON.parse将保存用户信息的数组转换为JavaScript对象，然后遍历这个对象，将每个用户的信息展示在页面上。