javascriptを使用してテキストボックスにオブジェクトの配列からデータを表示する方法は？

Question

私は例えばフォーム - の配列に格納されたデータを表示したい：

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> 

Answer 1

純粋なjavascriptでテキストコンテンツを変更することができます。

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

もちろん、変更するすべてのフィールドを選択する必要があります。