Javascript HTML未知元素，至少对我来说是这样

我正在用HTML开发一个数据回忆视图，我看到需要创建如下内容：

我解释说，这是一个糟糕的绘画图像，因此，有一个输入，用户可以在其中引入数据，如果他单击“+”按钮，它将显示另一个，只是具有相同的机制

HTML中是否有这样的元素，或者我应该自己创建它

编辑：

我一直在根据一个角度教程开发表单，但我遇到了一个问题。 这就是我的观点：

在标签HIJO下面，它应该显示一个按钮，就像dominio标签中的按钮一样。我不知道为什么会这样。还有一个问题。“添加”按钮应在dominio标签的情况下添加输入，在HIJO的情况下添加选择（如果正确显示）。目前它什么也不做。这是我写的代码

HTML部分：

<section name="nuevoMovimiento" class="row-fluid">
<form class="form-horizontal text-left">
    <fieldset>
        <div id="legend">
            <legend class="">New entry table</legend>
        </div>
        <div class="row-fluid">
            <div class="col-md-4">
                <div class="control-group">
                    <label class="control-label" for="id">Identificador:</label>
                    <input type="text" id="id" class="input" name="id" placeholder="Introduzca el ID" ng-model="controlET.nuevaTE.id">
                </div>
                <div class="control-group">
                    <label class="control-label" for="desc">Descripción:</label>
                    <div class="controls">
                        <textarea id="desc" name="desc" class="textarea" placeholder="Escriba una breve descripción" ng-model="controlET.nuevaTE.descripcion">                                   
                        </textarea>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="tipo">Tipo:</label>
                    <select name="tipo" id="tipo" class="select" ng-options="" ng-model="controlET.nuevaTE.tipo"></select>
                </div>
                <div class="control-group">
                    <label class="control-label" for="tipo_vis">Tipo de visualización:</label>
                    <select name="tipo_vis" id="tipo_vis" class="select" ng-options="" ng-model="controlET.nuevaTE.tipo_visualizacion"></select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="control-group">
                    <label class="control-label" for="visible">Visible</label>
                    <input type="radio" name="visible" id="visible" value="true" ng-model="controlET.nuevaTE.visible">Sí    
                    <input type="radio" name="visible" id="visible" value="false" ng-model="controlET.nuevaTE.visible">No
                </div>
                <div class="control-group">
                    <label class="control-label" for="valor">Valor:</label>
                    <input type="text" id="valor" class="input" name="valor" placeholder="Introduzca el valor" ng-model="controlET.nuevaTE.valor">
                </div>
                <div class="control-group">
                    <label class="control-label" for="enabled">Enabled:</label>
                    <input type="text" id="enabled" class="input" name="enabled" placeholder="Introduzca algo" ng-model="controlET.nuevaTE.enabled">
                </div>
                <div class="control-group">
                    <label class="control-label" for="obligatorio">Obligatorio:</label>
                    <input type="radio" name="obligatorio" id="obligatorio" value="true" ng-model="controlET.nuevaTE.obligatorio">Sí    
                    <input type="radio" name="obligatorio" id="obligatorio" value="false" ng-model="controlET.nuevaTE.obligatorio">No
                </div>
            </div>
            <div class="col-md-4">
                <div class="control-group">
                    <label class="control-label" for="dominio">Dominio:</label>
                    <div class="controls">
                        <ul class="unstyled">
                            <li ng-repeat="dominio in controlET.dominioRecollect">
                                <input type="text" ng-model="dominio.text">
                            </li>
                        </ul>
                        <form ng-submit="controlET.funciones.addDominio()">
                            <input class="btn-primary" type="submit" value="add">
                        </form>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="hijos">Hijos:</label>
                    <div class="controls">
                        <ul class="unstyled">
                            <li ng-repeat="hijos in controlET.hijosRecollect">
                                <select id="hijos" name="hijos" ng-options="te.id for te in controlET.TEs2" ng-model="hijos.id">
                            </li>
                        </ul>
                        <form ng-submit="controlET.funciones.addDominio()">
                            <input class="btn-primary" type="submit" value="add">
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-6 col-centered">
            <button style="margin-top: 20px" type="button" class="btn btn-lg btn-primary" ng-click="controlET.funciones.anadirTE()">
                <span>Guardar</span>
            </button>
        </div>
    </fieldset>
</form>
</section>

---

就是这样，有人知道吗？

如果你说的是表单提交，你可能想看看PHP

但是，如果您只想输入数据，而不想对数据做任何事情，那么可以使用jQuery:（）

$（函数（）{
var lolDiv=$（“#输入”）；
变量i=$（'#输入p'）.size（）+1；
var addone='
'；
$（'#addbox'）.live（'click'，function（）{//onclick of div“#addbox”
$（addone）.appendTo（lolDiv）；//将新框追加到lolDiv变量
i++；//计数器
返回false；
});
$（'#rembox'）.live（'click'，function（）{
如果（i>2）{
$（this）.parents（'p'）.remove（）；//删除框中的标记
我--；//计数器，但这次是负数
}
返回false；
});
});

然后对于HTML（非常基本）：

“它将出现另一个…”，另一个什么？输入？或另一组输入按钮。在任何情况下，都必须使用javascript。

(function () {
var ControlETCtrl = function (ETFactory, $scope, $http, $window, $rootScope) {
    var scope = this;

    scope.titulo = "Entry tables list";

    scope.dominioRecollect = [];
    scope.hijosRecollect = [];

    scope.TEs = ETFactory.getTEs().success(function(data){
                                                scope.TEs = data;
                                                scope.TEs2 = data;
                                            });
    scope.TEs2 =[];
    scope.nuevaTE = {};

    scope.funciones = {};
    /*scope.funciones.cargarDatos = function () {
        console.log("Entra en cargarDatos()");
        $rootScope.$apply(function() {
            ETFactory.getTEs().success(function(data){
                                    scope.movimientos = data;
                               });
        });

    }*/
    scope.funciones.addDominio = function() {
        scope.dominioRecollect.push({});
    }
    scope.funciones.addHijo = function() {
        scope.hijosRecollect.push({});
    }
    scope.funciones.cambiarvalor = function () {
        ETFactory.cambiarvalor();
    }
    scope.funciones.anadirTE = function () {
        ETFactory.añadirNuevo(scope.nuevaTE);
    }
}
controlCajaApp.controller('ControlETCtrl', ['ETFactory', ControlETCtrl]);
}());

$(function() {
    var lolDiv = $('#inputs');
    var i = $('#inputs p').size() + 1;
    var addone = '<p><label for="inputs"><input type="text" id="input" size="20" name="input_' + i +'" value="" placeholder="Another box" /></label> <a href="#" id="rembox">Remove</a></p>';

    $('#addbox').live('click', function() { //onclick of div "#addbox"
            $(addone).appendTo(lolDiv); //appends new box to lolDiv var
            i++; //counter
            return false;
    });

    $('#rembox').live('click', function() { 
            if( i > 2 ) {
                    $(this).parents('p').remove(); //removes <p> tags that the boxes are in
                    i--; //counter but minus this time
            }
            return false;
    });
});

<h2><a href="#" id="addbox">Add another box</a></h2>
<div id="inputs"><p>
<label for="inputs">
<input type="text" id="input" size="20" name="input" value="" placeholder="This is your box, yo" /></label>
</p></div>