Campo inputText dinâmico, como colocar em um List?[JSF]

Front-end
#1

Oi pessoal,

Como eu coloco em uma Lista os valores de um campo inputText dinâmico?

Na minha página JSF, eu tenho os campos email e nome, que são Strings, mas o usuário vai pode adicionar(javascript) mais campos nome e e-mail:

Exemplo da pagina:

E-mail: "xxxx@xxx.com"
Nome: "nome1"
E-mail: "zzzz@zzz.com"
Nome: "nome2"
E-mail: "yyyy@uyyy.com"
Nome: “nome3”

Eu tenho uma tabela Login(princial) e Usuario.
Mas nao chega no meu usuarioBean como uma lista, onde eu iria percorrer ela e a cada uma vou persistir na tabela Usuario.

Tabela principal Login:
ID Login
1 principal_1
2 princilpal_2

A tabela Usuario deveria ficar assim com os dados persistidos pelo Login principal_1 de ID:1
Tabela Usuario:
ID_Login Email Nome
1 xxxx@xxx.com nome1
1 zzzz@zzz.com nome2
1 yyyy@uyyy.com nome3

Mas não sei como colocar na minha pagina Usuario.xhtml para colocar em uma Lista, atualmente está assim:

<h:inputText value="#{usuarioMB.usuario.email}" required=“true” />
<h:inputText value="#{usuarioMB.usuario.nome}" />

Segue os códigos abaixo:

@Entity
public class Usuario {

	@Id
	private String email;
	private String nome;
	
	public String getNome() {
		return nome;
	}

	public void setNome(String nome) {
		this.nome = nome;
	}
	
	public String getEmail() {
		return email;
	}

	public void setEmail(String email) {
		this.email = email;
	}
}
public class UsuarioMB {

    @PersistenceContext
	private EntityManager manager;

        private Usuario usuario = new Usuario();
	
	public void adiciona() {
	// Aqui faria um FOR para percorrer cada entrada do usuario e iria persisti
	 this.manager.persist(this.usuario);
		
	}
	
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<title>Usuarios</title>
</h:head>

<h:body>

	<h1>Novo Usuario</h1>
	<h:messages />

	<h:form>
		<h:panelGrid columns="2">
			<h:outputLabel value="Email" />
			<h:inputText value="#{usuarioMB.usuario.email}" required="true" />
			
			<h:outputLabel value="Nome" />
			<h:inputText value="#{usuarioMB.usuario.nome}" />
			

		<h:commandButton value="Salvar" action="#{usuarioMB.adiciona}" />
	</h:form>

</h:body>
</html>

Obrigado,

#2

Você vai colocar o campo sem ser dinâmico e vai incluindo numa lista, ao final você insere no banco:

[code]<h:inputText value="#{meuBean.NOME}"/>
<h:inputText value="#{meuBean.EMAIL}"/>

<h:commandButton value=“ADICIONAR” />[/code]

List<Usuario> usuarios = new ArrayList<Usuario>(); //(Usuario tem nome e email)

<h:dataTable var="u" value="#{meuBean.usuarios}">
   <h:column>
      <f:facet value="header">
         <h:outputText = "NOME" />
      </f:facet>
      <h:outputText = "v.NOME" />

      <f:facet value="header">
         <h:outputText = "EMAIL" />
      </f:facet>
      <h:outputText = "v.EMAIL" />
   </h:column>
</h:dataTable>

<h:commandButton value="INSERE LISTA NO BANCO" />
#3