JSFiddle - React, Tailwind, and code Playground

by Jorge Rodrigues

HTML

<p>
Exemplo de script para preenchimento automatico
de formulários.
</p>
<form id="teste" onsubmit="" method="post">
   <p>Nome: <input name="input_nome" type=text></p>
   <p>E-mail: <input name="input_email" type=email></p>
   <p>Telefone: <input name="input_telefone" type=text></p>
   <p>Senha: <input name="input_senha" type=password></p>
   <p>
      <input name="radios[]" type="radio" value="1"> opção 1<br>
      <input name="radios[]" type="radio" value="2"> opção 2<br>
      <input name="radios[]" type="radio" value="3"> opção 3<br>
      <input name="radios[]" type="radio" value="4"> opção 4<br>
   </p>
   <p>
      <input name="checkboxes" type="checkbox" value="1"> checkbox 1<br>
      <input name="checkboxes" type="checkbox" value="2"> checkbox 2<br>
      <input name="checkboxes" type="checkbox" value="3"> checkbox 3<br>
   </p>
   <input id="preencher" type="button" value="preencher">
</form>

CSS

body * {
  font-family: Tahoma,Verdana,Arial,Sans;
  font-size: 0.95em;
}
input {
  padding: 2px 5px;
  width: 300px;
}
input[type=checkbox],
input[type=radio] {
  width: 18px;
  height: 18px;
}
input[type=button] {
  width: auto;
  padding: 10px 15px;
}

JavaScript

/**
*	Exemplo de script para preenchimento automatico
*	de formulários.
*/
document.getElementById('preencher').addEventListener("click", 
   function () {
      wForms = document.forms.length;
      for(x=0; x<=wForms-1; x++) {
         wElems = document.forms[x].elements.length;
         for(i=0; i<=wElems-1; i++) {
            wElement = document.forms[x].elements[i];
            wType = wElement.getAttribute("type");
            wName = wElement.getAttribute("name");
            if(wType=="text" || wType=="password") {
               wElement.value = wName;
            }
            if(wType=="email") {
               wElement.value = "exemplo@server.com";
            }
            if(wType=="radio" || wType=="checkbox") {
               wElement.click();
            }
         }
      }
    }
 );