1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Como faço para colocar os campos preenchidos em um form para uma div na mesma tela

Pessoal, se alguém puder me ajudar, já tentei várias formas que vi pela internet e nenhum chegou ao resultado que eu preciso. É o seguinte, eu preciso que apareça na div logo ao final o resultado do formulário ao clicar no botão visualizar, só que tipo o nome na div nome, o campo cargo na div Cargo e também tem a foto que a pessoa vai enviar, eu gostaria que aparecesse na div onde vai a foto.

<form> <ul> <li class="first"> <a href="#" class=" icon user"></a><input type="text" class="text" value="Nome" id="txtNome" > </li> <li class="first"> <a href="#" class=" icon user"></a><input type="text" class="text" value="Cargo" id="txtCargo" > </li> <li class="first"> <input name="imagem" type="file" size="30"> </li> </ul> <input type="submit" class="btn" onclick="gravar()" value="Vizualizar" >

</form>

<div class="foto"> aqui vai ficar a foto </div>

<div class="nome"> aqui vai ficar o nome </div>

<div class="cargo"> aqui vai ficar o cargo </div>

  • cole os outros códigos além do html para que possamos ajudar

    Wilson Rosa Gomes   30 de mar de 2018
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags javascript html ou faça a sua própria pergunta.