タブに新しいアドレスを追加する

Question

私が作成しているWebアプリケーションで、ユーザーがアカウントに複数の連絡先アドレスを追加できるようにする必要があります。 1つのアドレスを追加するためのフォームは非常に長く、モーダルは避けたいです。現在、1つのアドレスを追加するためにページはめ込みフォームを使用しています。

ここで、複数のアドレスを追加するには、アドレスごとに複数のタブを使用することをお勧めしますか？ （アドレスの数は制限されていません。10にすることもできます）

ユーザーがタブに新しいエンティティを追加するための参照はありますか？

参考のためにモックを追加する： 

ユーザーが[+ Add New Address]をクリックすると、次のように、新しいタブが開き、別のアドレスを作成するためのフォームが表示されます。

Answer 1

1つのフォームをそのままにして、ユーザーがタイプを選択できるようにするコンボボックスを追加するだけです。チェックボックスと、 "Same as [address type combo box here]"これは既存のアドレスを自動入力します。

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

Answer 2

追加ボタンを「」という方法で追加できます別のアドレスを追加する別のアドレス」。

利点：すべての問題が修正されるわけではなく、必要に応じて追加できます。

例。

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

1つの連絡先について、Google連絡先で複数のアドレスの追加を参照することもできます。それ以上の良い例にはなりません。