javascript - 使用 Semantic-UI 自动生成表单输入

Question

我想使用 Semantic-UI 创建一个表单来输入用户名。
在我的网站上，用户可以有多个名字 - 所以我想为用户创建一个表单来修改他/她的名字。
我想创建这样的东西 this.
有一个列表，其中包含一个必填字段和一个带有绿色图标的 + 按钮，附加到输入的右上角和一个标签“名称”。
当用户点击 green plus 时，会生成一个新的输入字段，其 Angular 落附有一个红色 - 按钮。 “名称”也更改为“名称”。
当用户单击红色减号按钮时，它所附加的字段会折叠。主要问题是:
1. 我应该选择哪种 HTML 布局？
2、如何实现“带按钮输入，贴 Angular ”？

Answer 1

没有足够的声誉来发表评论，

我只写了一个非常简单的HTML布局(不包括javascript)

我刚刚在输入容器中添加了一个按钮，

并使按钮位置成为绝对位置。

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

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