Entrar Ainda não tem acesso?
2
respostas

Inserir dados predefinidos no input

por Daniel Andrade
| 1.6k xp | 5 posts
insira seu código aqui
<label>Nome da pessoa:</label> <input type="text" id="nome_pessoa" name="nome_produto"><br>
label>Cidade:</label> <input type="text" id="cidade" name="cidade"><br>
<input class="sendButton btn-medium" type="submit" value="Perfil1">
<input class="sendButton btn-medium" type="submit" value="Perfil2">
<input class="sendButton btn-medium" type="submit" value="Perfil3">

Quero apreender do modo mais simples.

Tenho 3 botões que deve carregar a informação de perfil (nome e cidade) nos inputs. Isso, é deve se preencher o input com valores predefinidos de acordo com botão clicado.

2 respostas
por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Boa tarde, Daniel! Como vai?

Vc tentou algo pra resolver o problema? Se sim, qual seria a sua dúvida em relação ao que tentou? Dessa forma ficará mais fácil de te ajudar!

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

por Daniel Andrade
| 1.6k xp | 5 posts
 function b1() {
      document.getElementById('pessoa').value = "João Albertoni Silva";
      document.getElementById('cidade').value = "Assis";
        }; 
    function b2(){
      document.getElementById('pessoa').value = "Ana Furtado Messias";
      document.getElementById('cidade').value = "Valinhos";
}
<HTML>
<body>
<label>Nome da pessoa:</label> <input type="text" id="pessoa" name="pessoa"><br>
<label>Cidade:</label> <input type="text" id="cidade" name="cidade"><br>
<input class="btn-medium" type="submit" value="João" onclick="b1()">
<input class="btn-medium" type="submit" value="Ana" onclick="b2()">
</body>
</html>

Funcionou, utiliza-se onclick no input e faz chamada a função