使用Semantic-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