Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

silvagno

Salvar dados de formulario em aquivo HTML

Por , em Desenvolvimento frontend

Recommended Posts

silvagno    0

silvagno
Postado

galera to com um problema que ja faz uns dias que não to conseguindo resolver..

eu to querendo fazer o seguinte : pegar os dados desse formulário e ao clicar em "adicionar membro" ele adicionar automaticamente na tabela de baixo ou de preferencia que salve os dados em um arquivo HTML para que outros usuários possa visualizar.

Cada vez que eu for adicionando vai criando uma nova linha e adicionando os dados..

  

<html>

<head>
</head>
<body>

<form role="form">
  <div class="form-group">
  <h2>Composição Familiar</h2>
      <form role="form" id="composicaoFamiliar" method="post">
  <div class="form-group row">
  
  
    <div class="col-xs-10">
    <label for="nomeC">Nome Completo:</label>
    <input type="text" class="form-control" name="nomeC" id="nomeC" placeholder="Nome Completo" required="required" minlength="6" maxlength="20" pattern="[a-z\s]+$"><p>
    </div>

    <div class="col-xs-10 ">
    <label for="sexo">Sexo:</label>
    <input type="text" class="form-control" name="sexo" id="sexo" placeholder="Digite o sexo" required="required"><p>
    </div>
    
        <div class="col-xs-10 ">
    <label for="dataN">Data de Nascimento:</label>
    <input type="date" class="form-control" name="dataN" id="dataN" required="required"><p>
    </div>

    <div class="col-xs-10 ">
    <label for="idade">Idade:</label>
    <input type="number" class="form-control" name="idade" id="idade" required="required"><p>
    </div>
    
    
    <div class="col-xs-10 ">
    <label for="parentescoF">Parentesco Familiar:</label>
    <input type="text" class="form-control" name="parentescoF" id="parentescoF" placeholder="Digite o parentesco familiar" required="required"><p>
    </div>
    
    <div class="col-xs-10 ">
    <label for="defF">Deficiencia:</label>
    <input type="text" class="form-control" name="defF" id="defF" placeholder="Digite SIM ou NÃO" required="required"><p>
    </div>
    
    <div class="col-xs-8 ">
      </div>
  </div>
   <button id="adicionarM" type="submit" class="btn btn-default" ">Adicionar Membro</button>
 
</form>
     <table class="table table-bordered" id="tabela">
    <tbody>
      <tr>
        <th>Nome Completo</th>
        <th>Sexo</th>
        <th>Data de Nascimento</th>
        <th>Idade</th>
        <th>Parentesco Familiar</th>
        <th>Deficiencia?</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td></td>
        <td></td>
        <td></td>
         <td></td>
          <td></td>
           <td></td>
      </tr>
    </tbody>
  </table

</form>

 <button id="botaocadastrar" type="submit" class="btn btn-default">Cadastrar >></button>
 <button id="botaovoltar" type="submit" class="btn btn-default"><< Voltar </button>
  </div>
  
 
</form>

</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend

  • Conteúdo Similar

    • JoaoSilva75
      Procuro programador php javascript para orçamento
      Por JoaoSilva75
      ola pessoal
       
      procuro um bom programador  de php e javascript para orçamento de um projeto inicial depois tenho outras idéias que gostaria de executar também
       
      gostaria de encontrar alguém de Porto Alegre RS mas estudo a possibilidade de negociar com alguém de outro estado de acordo com o orçamento
       
       
    • marlone
      Como preencher formulario de outro site com informações do meu banco de dados
      Por marlone
      Como eu faço para preencher dados do meu banco de dados em um formulário de outro site. Ex: tenho um produto no meu banco de dados e quero cadastrar ele no mercado livre. Já tenho diversos campos cadastrados no meu banco como : Produto, descricao, quantidade e etc... e queria ser redirecionado para o formulário de cadastro do mercado livre com os campos preenchidos com as informações que já tenho e preencher o resto manual. É possível ?
    • silvagno
      Chamar um texto ao digitar um valor
      Por silvagno
      Boa noite,
       
         Fiz uma caixa de texto e gostaria de saber como faço para chamar um texto ao digitar um valor na input.
      Ex: ao digitar 1320 deve aparecer o nome João na outra input.
       
      Obrigado!
      <tr> <td>Cod:</tr> <td> <input type="text" name="Nomes" size="5"></br></br> <textarea name="nome pessoal" rows="10" cols="50"></textarea> </td> </tr>  

    • josenilson
      iis não reconhece java script
      Por josenilson
      Olá pessoal, estou aprendendo a usar o IIS no servidor windows server 2008, bem com um pequeno sistema de cadastro rodando localmente no meu nota livro estou usando o servidor wamp para simular o servidor, comi tudo isso funcionando tudo bem, minha complicações vieram quando eu Migrei esse projeto para o IIS, tem uma parte do código no formulário de cadastro que utilizou um JSON. Para listar como cidade e estados, para que nenhum ambiente do IIS se oriente para o código para o padrão do java script, tenho que configurar alguma coisa para reconhecer ou interpretar JavaScript nele?
      Abaixo esta o código, para melhor entendimento, na parte do <Script type = "text / javascript"> não esta reconhecendo .
      Deixo aqui o meu muito obrigado.
      <Head> <Title> Cadastrar Jornada </ title> <Meta charset = "UTF-8"> <Meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" /> <Meta http-equiv = "Content-Type" content = "text / html; charset = iso-8859-1"> <Meta http-equiv = "X-UA-Compatível" content = "IE = edge"> <Meta http-equiv = "X-UA-Compatível" content = "IE = edge"> <Meta name = "viewport" content = "largura = largura do dispositivo, escala inicial = 1"> <Meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" /> <Link href = "bootstrap-3.3.6-dist / css / bootstrap.min.css" rel = "stylesheet"> <Link rel = "stylesheet" = "text / css" href = "CSS / style.css"> <Script type = "text / javascript" src = "js / jquery-2.1.1.min.js"> </ script> <Script type = "text / javascript" src = "js / meuCodigo.js"> </ script> <Script type = "text / javascript" src = "mascaras / mascaraData.js"> </ script> <Script type = "text / javascript" src = "mascaras / mascaraTelefone.js"> </ script> <Script type = "text / javascript" src = "mascaras / mascaraRG.js"> </ script> <Script type = "text / javascript" src = "mascaras / mascaraOE.js"> </ script> <Script type = "text / javascript" src = "mascaras / mascaraCPF.js"> </ script> <Script type = "text / javascript" src = "mascaras / mascaraCEP.js"> </ script> <Script type = "text / javascript"> $ (Documento) .ready (function () { Chamar_funcao_editar ('<? = $ Cad_op ["uf"];?>', '<? = $ Cad_op ["cidade"];?>'); }); Função chamar_funcao_editar (estado, cidade) { $ .getJSON ('estados_cidades.json', function (data) { Var options = '<option value = "' + estado + '">' + estado + '</ option>'; $ .each (dados, função (key, val) { Options + = '<option value = "' + val.nome + '">' + val.nome + '</ option>'; }); $ ("# Estados"). Html (opções); }); $ ('# Cidades'). Html ('</ option>'); } Função chamar_funcao_cidade () { $ .getJSON ('estados_cidades.json', function (data) { Var options_cidades = ''; Var str = $ ('# estados'). Val (); $ .each (dados, função (key, val) { If (val.nome == str) { $ .each (val.cidades, function (key_city, val_city) { Options_cidades + = '<option value = "' + val_city + '">' + val_city + '</ option>'; }); } }); $ ("# Cidades"). Html (options_cidades); }); } </ Script> <? Php} else {?> <! - FUNÇÃO APLICADA NÃO SELECCIONE OPÇÃO ESTADOS E CIDADES NÃO FORMULÁRIO ---> <Script type = "text / javascript"> $ (Documento) .ready (function () { $ .getJSON ('estados_cidades.json', function (data) { Itens var = []; Var options = '<option value = ""> escolha um estado </ option>'; $ .each (dados, função (key, val) { Options + = '<option value = "' + val.nome + '">' + val.nome + '</ option>'; }); $ .each (dados, função (key, val) { Options + = '<option value = "' + val.nome + '" val.nome == "<php? $ Uf?>"? "Selected": "" '+ val.nome +' </ option> '; }); $ ("# Estados"). Html (opções); $ ("# Estados"). Change (function () { Var options_cidades = ''; Var str = ""; $ ("# Estados opção: selected"). Each (function () { Str + = $ (this) .text (); }); $ .each (dados, função (key, val) { If (val.nome == str) { $ .each (val.cidades, function (key_city, val_city) { Options_cidades + = '<option value = "' + val_city + '">' + val_city + '</ option>'; }); } }); $ ("# Cidades"). Html (options_cidades); }).alterar(); }); }); </ Script> <? Php}?> <! - FIM - SCRIPT RESPOSANVEL POR TRAZER A FUNÇÃO JSON DO ARQUIVO ESTADOS_CIDADES.JON ---> </ Head>
    • acaldeira
      Calculo de Indice de Força Relativa
      Por acaldeira
      Bom dia!
      Eu preciso fazer uma calculadora de indice de força relativa e não consigo concluir.
      Abaixo segue o Script: eu só preciso fazer com que o resultado de Repetição máxima "OneRepMax" seja dividido pelo valor do campo peso do aluno e exiba a resposta em IFRM "ifrm".
      Abaixo segue o script, agradeço muito se alguém puder me ajudar:
      Código em HTML
      <!DOCTYPE HTML>
      <!-- Mirrored from www.exrx.net/Calculators/OneRepMax.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 17 Oct 2016 18:00:39 GMT -->
      <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
      <HEAD>
      <META NAME="GENERATOR" CONTENT="Adobe PageMill 3.0 Win">
      <META NAME="viewport" CONTENT="width=device-width, initial-scale=1">
      <TITLE>Indixe de Força Muscula Relativa</TITLE>
      </HEAD>
      <BODY BGCOLOR="#ffffff">
      <div align="center">
      <table width="1260">
      <tr><td>
      <FORM>
      <SCRIPT LANGUAGE="javascript" SRC="onerepmax.js"></SCRIPT>
      <P><TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
      <TR>
      <TD WIDTH="1%" bgcolor="#000000">
          
      </TD>
      <TD WIDTH="1%" bgcolor="#000000">
      <H2><A HREF="http://www.olipo.com.br/"><IMG src="logo.png" width="192" height="137"></A></H2>
      </TD>
      <TD WIDTH="1%" bgcolor="#000000">
          
      </TD>
      <TD WIDTH="99%" valign="middle" ALIGN="CENTER" bgcolor="#F58634">

      <font color="#ffffff" face="Arial, Helvetica, sans-serif" size="+3"> <strong>INDICE DE FORÇA MUSCULAR RELATIVA</strong></font>
      </TD>
      </TR>
      </TABLE></P>
      <P><TABLE WIDTH="100%" BORDER="1" CELLSPACING="0" CELLPADDING="5"
      CLASS="StackTable">
      <TR>
      <TD width="22%">
      <INPUT NAME="pesoaluno" TYPE="text" SIZE="2"> Peso Al. Kg</br>
      <INPUT NAME="WeightLifted" TYPE="text" SIZE="2"> Peso Tes. Kg</br>
      <INPUT NAME="RepsPerformed" TYPE="text" SIZE="2"> Repetições</br>
      <input type="button" value="Calcular" ONCLICK="calc(this.form)"><INPUT
      TYPE="reset" VALUE="Resetar" NAME="Reset">
      </TD>
      <TD width="2%" ALIGN="CENTER" bgcolor="#B09E66">
      <INPUT NAME="ifrm" id="ifrm" TYPE="text" SIZE="2"> </br>IFRM.
      </TD>
      <TD width="2%" bgcolor="#FF6600">
      <INPUT NAME="A1" TYPE="text" SIZE="5"> 40%
      </TD><TD width="2%" bgcolor="#33CCFF">
      <INPUT NAME="A2" TYPE="text" SIZE="2"> 45%
      </TD>
      <TD width="2%" bgcolor="#FFCC00">
      <INPUT NAME="A" TYPE="text" SIZE="2"> 50%
      </TD>
      <TD width="2%" bgcolor="#00CC33">
      <INPUT NAME="B" TYPE="text" SIZE="2"> 55%
      </TD>
      <TD width="2%" bgcolor="#FF6600">
      <INPUT NAME="C" TYPE="text" SIZE="2"> 60%
      </TD>
      <TD width="2%" bgcolor="#000000">
      <INPUT NAME="D" TYPE="text" SIZE="2"><font color="#FFFFFF"> 65%</font>
      </TD>
      <TD width="2%" >
      <INPUT NAME="E" TYPE="text" SIZE="2"> 70%
      </TD>
      <TD width="2%" >
      <INPUT NAME="F" TYPE="text" SIZE="2"> 75%
      </TD>
      <TD width="2%" >
      <INPUT NAME="G" TYPE="text" SIZE="2"> 80%
      </TD>
      <TD width="2%" >
      <INPUT NAME="H" TYPE="text" SIZE="2"> 85%
      <TD width="2%" >
      <INPUT NAME="I" TYPE="text" SIZE="2"> 90%
      </TD>
      <TD width="2%" >
      <INPUT NAME="J" TYPE="text" SIZE="2"> 95%
      </TD>
      <TD width="2%" ALIGN="CENTER">
      <INPUT NAME="OneRepMax" id="OneRepMax" TYPE="text" SIZE="2"> </br>1 Rep. Max.
      </TD>
      </TR>
      </TABLE></P>
      </FORM>
      </td></tr></table></div>
      <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
      <!--
      var divisao = OneRepMax/pesoaluno;
      document.write (divisao);
      document.write ("<BR>");
      document.write (resto);
      //-->
      </SCRIPT>
      </BODY>
      </HTML>

      Código em Java Script
      function calc (form) {
      if (form.RepsPerformed.value < 10){
      form.OneRepMax.value = Math.round(form.WeightLifted.value/(1.0278-0.0278*form.RepsPerformed.value))
      }
      if (form.RepsPerformed.value == 10){
      form.OneRepMax.value = Math.round(form.WeightLifted.value/0.75)
      }
      if (form.RepsPerformed.value > 10){
      alert ("Reps Performed must be between 1 and 10")
      }
      form.A1.value = Math.round(form.OneRepMax.value*0.40)
      form.A2.value = Math.round(form.OneRepMax.value*0.45)
      form.A.value = Math.round(form.OneRepMax.value*0.50)
      form.B.value = Math.round(form.OneRepMax.value*0.55)
      form.C.value = Math.round(form.OneRepMax.value*0.60)
      form.D.value = Math.round(form.OneRepMax.value*0.65)
      form.E.value = Math.round(form.OneRepMax.value*0.70)
      form.F.value = Math.round(form.OneRepMax.value*0.75)
      form.G.value = Math.round(form.OneRepMax.value*0.80)
      form.H.value = Math.round(form.OneRepMax.value*0.85)
      form.I.value = Math.round(form.OneRepMax.value*0.90)
      form.J.value = Math.round(form.OneRepMax.value*0.95)

      }
      //-->
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito