如何用“可插入”文本字段替换标准textarea？

Question

我希望能够用可插入的<INPUT>文本输入替换标准HTML <TEXTAREA>输入。通过插入，我的意思是有两个TEXT表单输入（名称，角色）和一个“添加”按钮后添加一个新的名称/角色后，如果需要。

理想我不得不在HTML <SELECT>输入（从我的数据库中提取）“角色”，但我真的不问，现在:)

而且（再次理想地）我想成为能够读取这些值并解析它们，使其看起来与输入时相同，即使用文本字段和下拉菜单。

我的数据库存储在一个MySQL的文本“，这现在我必须在格式手动输入所有这一切：

name - role ; name2 - role2 ; name3 - role3 

和我的脚本（从这个创建XML）爆“的名字“分成两个节点，由”空间破折号空间“分解，并在读取分号时分隔每个节点。

编辑显示我的主要问题是如何用一个或多个<INPUT>字段替换纯HTML <textarea>并将它们序列化，以便它们可以存储在我的MySQL文本记录中。