Cómo agregar un cuadro de texto a un formulario usando JavaScript
Hay dos formas de agregar un cuadro de texto en JavaScript:
Utilice InnerHTML para completar el código HTML del cuadro de texto en el contenido del elemento
Utilice createElement(" input") crea un nodo de etiqueta de entrada → setAttribute() establece el atributo del cuadro de texto → appendChild () lo agrega a un elemento existente
El siguiente ejemplo demuestra el uso del segundo método para agregar un cuadro de texto a un formulario:
1. estructura HTML lt;
lt; div?id="test"gt
lt; "texto"? nombre="prueba"/gt;
lt;/divgt;
lt;input?type='button'?value='add'?onclick=" fun()" /gt;
lt;/formgt;
2. función de código javascript?fun(){
var?createElement("entrada" );
p>ipt.setAttribute("tipo", "texto"
ipt.setAttribute("nombre", "prueba"); > var?div?= ?document.getElementById("prueba");
div.appendChild(ipt);
}
3
Demostración del efecto