Home / Geral / Criando campos de formulário automáticamente com javascript
Geral

Criando campos de formulário automáticamente com javascript

Este exemplo simples abaixo têm como finalidade a criação de campos em um formulário de forma automática. O exemplo de código é simples mas funciona muito bem: <html> <head> <script language="JavaScript"> function criatxtbox() { var input = ""; for (i=1; i<5 ; i++) { input = document.createElement("INPUT"); input.type = "text"; // os tipos de imput igual a quando você cria no html puro mesmo input.name = "teste" + i; input.id = "teste" + i ; document.getElementById("INPUT").appendChild(input); myinput = document.getElementById("INPUT"); myinput.innerHTML = myinput.innerHTML + " Campo" + i + "<br>"; }myinput = document.getElementById("INPUT"); myinput.innerHTML = myinput.innerHTML+"<hr>"; } } </script> </head> <br> <input type=button value=teste onClick="criatxtbox();"> <div id="INPUT"> </div>
A

Escrito por Admin

Autor e especialista em tecnologia publicando reflexões e conhecimentos sobre inovação e desenvolvimento.

← Post Anterior Criando janelas Modal Window com Jquery - parte 2 Próximo Post → Customizando as páginas de erro 404 com .htaccess do Apache