HTMLフォーム複数の同じ値入力

Question

データベーステーブルに名前&の姓を追加するフォームがあります。 私は1つの形式で多くの名前& lastnamesを追加できるようにしたいと思います。 は例えば、ここで私は2名& lastnamesにそれを拡張し（N-倍に拡大することができます）：

<form method="post"> 

<input type="text" value="name"> 
<input type="text" value="lastname"> 

<input type="text" value="name"> 
<input type="text" value="lastname"> 

<input type="submit" value="Add"> 

</form> 

は、ユーザ入力「ジョン・スミス」と「メアリー、ジェーンは」私が取得したい場合

{ 
name: "Mary"; 
lastname: "Jane"; 
} 

任意の助けを：今、私は唯一のようにそれを得るまだ

{ 
name: "John, Mary"; 
lastname: "Smith, Jane"; 
} 

：ような結果？ :)

Answer 1

HTML形式では、nameとidの属性が一意である必要があります。同じ値の複数のname属性を使用する必要がある場合は、array nameを使用してください。あなたの元でそれができるでしょう：

<form method="post"> 

<input type="text" value="name[]"> 
<input type="text" value="lastname[]"> 

<input type="text" value="name[]"> 
<input type="text" value="lastname[]"> 

<input type="submit" value="Add"> 

</form> 

Answer 2

一般的な答えは、おそらくJavascriptがあなたが探しているHTMLを生成するためにループを使用することになるだろうが、あなたはクールに、そして角度を使用したい場合、あなたは

を言うことができます

<input type="text" value="name" *ngFor="let item of array"> 
<input type="text" value="lastname"> 

とにかくhere's an article JSについてのforループ