如何使用javascript显示文本框中对象数组中的数据？

我想在表单中显示存储在数组中的数据- 例如：

var users =
[
  { 
    'name':'John',
    'age':'10'
  },
  { 
    'name':'Rose',
    'age':'18'
  }
];

我想在下面的表格中显示登录用户的姓名和年龄：

<form id="myform">
    <div>              
    </div> 
    <h2 align="center"> Edit Details</h2>
    <table id="table1"; cellspacing="5px" cellpadding="5%"; align="center">
       <tr>
              <td  align="right" class="style1">First Name:</td>
              <td class="style1"><input id="firstname" type="text" placeholder="FirstName" /></td>
       </tr>
        <tr>
              <td align="right">Last Name:</td>
              <td><input id="lastname" type="text" placeholder="LastName" /></td>
       </tr>
       <tr>
              <td align="right">Email ID:</td>
              <td><input id="email" type="text" placeholder="Email" /></td>
       </tr>
       <tr>
              <td align="right">User Name:</td>
              <td><input id="username" type="text" placeholder="UserName" /></td>
       </tr>
       <tr>
              <td align="right">Password:</td>
              <td><input id="password" type="password" placeholder="Password" /></td>
       </tr>
       <tr>
        <td> <input type="button" value="Edit" onclick="edit()" />
        <td> <input type="button" value="Reset" />       
        </td>
        </tr>
    </table> 
</form>

编辑详细信息
名字：
姓氏：
电子邮件ID:
用户名：
密码：

您可以使用纯javascript更改文本内容

name.textContent = 'First name' + users[0].name;

---

当然，您需要选择所有要更改的字段。

请在询问之前阅读以下内容：。这里我们无法为您创建代码。试着自己写，如果你的代码不起作用，我们会帮助你。谢谢，我真的需要这个…我不希望有人为我写代码，但是是的，我可以用更好的方式问这个问题。我尝试了这个--document.getElementById（“input1”）.value=users[0]。username；但它给我的错误是“无法读取未定义的”的属性“用户名”。