Динамическое добавление полей

    <form>
        <div id="inputi">
            <div><input name="my_input"><input type="button" value="+" onclick="add_input(this.parentNode)"></div>
        </div>
    </form>

    <script language="javascript">
        // Теперь эта функция будет принимать указатель на объект, после которого нужно осуществить вставку
        function add_input(obj)
        {
            var new_input=document.createElement('div');
            new_input.innerHTML='<br>инпут №'+document.getElementById('inputi').getElementsByTagName('div').length+'<br><input name="my_input">';
    // Дописываем рядом с input-ом кнопку, она будет добавлять элемент именно под input, рядом с которым она находится
            new_input.innerHTML=new_input.innerHTML+'<input type="button" value="+" onclick="add_input(this.parentNode)">';
    // И еще одна кнопочка для его удаления.
            new_input.innerHTML=new_input.innerHTML+'<input type="button" value="-" onclick="del_input(this.parentNode)">';
    //Ищем присутствует ли следующий узел в структуре DOM-а
            if (obj.nextSibling)
            // если да - то создаем после него
                document.getElementById('inputi').insertBefore(new_input,obj.nextSibling)
    //если такого не нашлось то просто добавляем в конец
            else document.getElementById('inputi').appendChild(new_input);
        }
        // А эта функция будет принимать указатель на объект, который нужно удалить
        function del_input(obj)
        {
            document.getElementById('inputi').removeChild(obj)
        }
    </script>