Añado input con javascript, value borrado

[coke_135]

Estoy intentando añadir inputs en un formulario pero tengo un problema. Cada vez que añado nuevos imputs, el texto con el que he rellenado los anteriores inputs desaparece.

Mi código es:

Código HTML:

var i=1;
function addFoto()
{		
var padre = document.getElementById('fotos');
var inpt = document.createElement('input');
inpt.type="text";
inpt.name="cami"+i;
inpt.id="cami"+i;
i++;
padre.appendChild(inpt);
padre.innerHTML+="<br />";
}

...

<div id="fotos">
<p>Fotos (<a href="#" onclick="javascript:addFoto()">Click para + fotos</a>)</p>
<input type="text" id="foto0" name="foto0" value="" /><br />
</div> 

Como ya he dicho, el código funciona correctamente, pero cuando hago click para añadir un IMPUT el contenido de los anteriores se elimina y no encuentro la forma de mantenerlo.

¡Gracias!

[zerokilled]

recuerdo haber visto este problema antes. y de lo que recuerdo, segun el navegador, funciona y no funciona cuando se utiliza innerHTML -es ahi donde esta tu problema-. en teoria falla porque el valor escrito no es un valor literalmente presente en el codigo fuente, el cual es lo que usa innerHTML. deberias mantenerte explicitamente con funciones DOM y abandonar innerHTML en la medida posible. lo que debes de hacer es -ademas de crear el elemento INPUT- crear el elemento BR y agregar ambos elementos al DIV.

[coke_135]

Si señor, tienes toda la razón :).

Muchas gracias por tu ayuda.