Criando campos de formulário automáticamente com javascript

  • Post author:
  • Post category:Sem categoria

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>