使用Semantic-UI自動生成表單輸入

Question

我想創建一個表單來使用Semantic-UI輸入用戶名。
在我的網站上，用戶可以有多個名稱-所以我想創建一個表單供用戶修改其名稱。
我想創建這樣的東西。
在輸入的右上角附有一個帶有一個必填字段和綠色圖標+的列表，標簽為“名稱”。
當用戶單擊綠色加號時，將產生一個帶有紅色按鈕的新輸入字段，該按鈕附加在其角上。 同樣，“名稱”也將更改為“名稱”。
當用戶單擊紅色減號按鈕時，它所在的字段會折疊。 主要問題是：
1.我應該選擇哪種HTML布局？
2.如何實現“帶有按鈕的輸入，固定在角落”？

Answer 1

沒有足夠的聲譽來發表評論，

我只寫了一個非常簡單的HTML布局（不包括javascript）

我只是在輸入容器內添加了一個按鈕，

並將按鈕位置設為絕對

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

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