如何用「可插入」文本字段替換標準textarea？

Question

我希望能夠用可插入的<INPUT>文本輸入替換標準HTML <TEXTAREA>輸入。通過插入，我的意思是有兩個TEXT表單輸入（名稱，角色）和一個「添加」按鈕後添加一個新的名稱/角色後，如果需要。

理想我不得不在HTML <SELECT>輸入（從我的數據庫中提取）「角色」，但我真的不問，現在:)

而且（再次理想地）我想成爲能夠讀取這些值並解析它們，使其看起來與輸入時相同，即使用文本字段和下拉菜單。

我的數據庫存儲在一個MySQL的文本「，這現在我必須在格式手動輸入所有這一切：

name - role ; name2 - role2 ; name3 - role3 

和我的腳本（從這個創建XML）爆「的名字「分成兩個節點，由」空間破折號空間「分解，並在讀取分號時分隔每個節點。

編輯顯示我的主要問題是如何用一個或多個<INPUT>字段替換純HTML <textarea>並將它們序列化，以便它們可以存儲在我的MySQL文本記錄中。