Hola yo tengo este código que me crea campos dinámicos en un formulario.
Pero me los crea dentro de un recuadro, hay alguna forma de hacerlo sin el recuadro o poner el borde del recuadro transparente??
Gracias.
Código:
<script type="text/javascript">
<!--
num=0;
function crear(obj) {
num++;
fi = document.getElementById('fiel'); // 1
contenedor = document.createElement('div'); // 2
contenedor.id = 'div'+num; // 3
fi.appendChild(contenedor); // 4
lbl = document.createElement('label');
lbl.innerHTML = 'Nombre: ';
contenedor.appendChild(lbl);
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'nombre'+num; // 6
lbl.appendChild(ele);
contenedor.appendChild(ele); // 7
lbl = document.createElement('label');
lbl.innerHTML = '1er Apellido: ';
contenedor.appendChild(lbl);
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'apellido1'+num; // 6
lbl.appendChild(ele);
contenedor.appendChild(ele); // 7
lbl = document.createElement('label');
lbl.innerHTML = '2º Apellido: ';
contenedor.appendChild(lbl);
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'apellido2'+num; // 6
lbl.appendChild(ele);
contenedor.appendChild(ele); // 7
ele = document.createElement('input'); // 5
ele.type = 'button'; // 6
ele.value = 'Eliminar autor'; // 8
ele.name = 'div'+num; // 8
ele.onclick = function () {borrar(this.name)} // 9
contenedor.appendChild(ele); // 7
}
function borrar(obj) {
fi = document.getElementById('fiel'); // 1
fi.removeChild(document.getElementById(obj)); // 10
}
-->
</script>
Y aquí llamo al boton que los va creando.
Código:
<fieldset id="fiel">
<input type="button" value="Añadir autor" onclick="crear(this)" />
</fieldset>