使用語義UI自動生成表單輸入

Question

我想創建一個使用Semantic-UI輸入用戶名的表單。
在我的網站上，用戶可以有多個名字 - 所以我想爲用戶創建一個表單來修改他/她的名字。
我想創建類似於這樣的東西 this.
有一個列表，其中包含一個必填字段和一個綠色帶標記的+按鈕，附加在輸入的右上角以及標籤「名稱」。
當用戶點擊綠色加上一個新的輸入字段是由一個紅色的按鈕附加到它的角落。此外，「名稱」更改爲「名稱」。
當用戶點擊紅色減號按鈕時，它所在的字段會發生混亂。 主要問題是：
1.我應該選擇哪種HTML佈局？
2.如何實現「帶按鈕的輸入，附加到角落」？

Answer 1

沒有足夠的信譽發表評論，

我只寫了一個非常簡單的HTML佈局（不包含JavaScript）

我剛添加的輸入容器內的按鈕，

並使按鈕位置絕對。

.ui.input .button 
{ 
    position: absolute; 
    top  : -15px; 
    right : -15px 
} 

演示：http://codepen.io/anon/pen/eJXWqN