Añadir campos de formulario con un Boton y JavaScript

[Seisler]

Hola. Tengo un problema por falta de conocimientos en JavaScript.

Lo que quiero hacer, es poner un formulario que de primeras solo tenga dos botones.

Agregar puesto y quitar puesto.

Al darle al botón agregar puesto, me crea dos elementos de tipo input y al final una barra separadora. En estos dos elementos irán el lugar que ocupa tal persona y el nombre de tal persona. Hasta aquí todo bien. Lo he hecho de la siguiente manera:

Código Javascript:

<script language="JavaScript" type="text/javascript">
 
function elemento_file(x){
var divele=document.getElementById("elementos");
   
if(x==1){
        
if(divele.lastChild){
divele.removeChild(divele.lastChild);
divele.removeChild(divele.lastChild);
divele.removeChild(divele.lastChild);
divele.removeChild(divele.lastChild);
 
 
 
    }
} 
                            
else {
 
salto=document.createElement("br");
ele=document.createElement("input");
ele2=document.createElement("input");
separacion=document.createElement("hr");
ele.type="text";
ele.name="mielemento[]";
ele2.type="text";
ele.name="mielemento2[]";                                                       
divele.appendChild(ele);
divele.appendChild(salto);
divele.appendChild(ele2);
divele.appendChild(separacion);
 
    }
}
</script>
 

el código html:

Código HTML:

 <form  enctype="multipart/form-data" action="agregar_fotos.php" method="post">
	<input type="button" value="A&ntilde;adir" onClick="elemento_file(0)">
	<input type="button" value="Quitar" onClick="elemento_file(1)">
	<div id="elementos"> </div><p>
	<input type="submit" value="Subir Base De Datos">
	</form>

la pagina se ve así:





OK. ahora lo que quiero es que al lado de el primer elemento ponga Puesto y al lado del segundo elemento ponga Nombre. Y que cada vez que le de a agregar puesto me lo ponga automáticamente.

Y que quede algo así:



Puesto ______________
Nombre ______________

__________________________________________________

Puesto _______________
Nombre _______________



Alguien sabe como me las puedo apañar? Gracias

[Seisler]

Así se ve la pagina.

[Seisler]

Vale lo he conseguido, era con

Código Javascript:

document.createTextNode()
 

El código final me ha quedado así:

Código Javascript:

<script language="JavaScript" type="text/javascript">
 
function elemento_file(x){
var divele=document.getElementById("elementos");
   
if(x==1){
        
if(divele.lastChild){
divele.removeChild(divele.lastChild);
divele.removeChild(divele.lastChild);
divele.removeChild(divele.lastChild);
divele.removeChild(divele.lastChild);
divele.removeChild(divele.lastChild);
divele.removeChild(divele.lastChild);
 
 
    }
} 
                            
else {
 
salto=document.createElement("br");
puesto=document.createTextNode("Puesto");
nombre=document.createTextNode("Nombre");
ele=document.createElement("input");
ele2=document.createElement("input");
separacion=document.createElement("hr");
ele.type="text";
ele.name="mielemento[]";
ele2.type="text";
ele.name="mielemento2[]";
divele.appendChild(puesto);                                                     
divele.appendChild(ele);
divele.appendChild(salto);
divele.appendChild(nombre);
divele.appendChild(ele2);
divele.appendChild(separacion);
 
    }
}
</script>
 
Por si le sirve a alguien.
 
Saludos