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" );

ipt.setAttribute("tipo", "texto"

ipt.setAttribute("nombre", "prueba"); > var?div?= ?document.getElementById("prueba");

div.appendChild(ipt);

}

3

Demostración del efecto