Как отображать данные из массива объектов в текстовом поле с помощью javascript?

Question

Я хочу, чтобы отобразить данные, хранящиеся в массиве в form- , например:

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; 

Конечно, вам нужно будет выбрать все поля, которые вы хотите изменить.