Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Quero pegar o dado:
CHEGADA e SAÍDA do form 1 e colocar para ser exibido no campo;
DATAS DA ESTADIA no form 2.
e
ADULTO E CRIANÇA também do form 1 para o form 2
Como faço isso sem utilizar banco de dado. Se possível somente com html, css. E se não for possível pode entrar o Javascript ou como possível for.
Desde já agradeço.
Form 1<!DOCTYPE html>
<html>
<head><!---------------------------------- FORMULARIO 1 ------------------------------------------------>
<form class="reserva-form" action="" method="post">
<fieldset class="fiesdeset">
<div class="reserva-form-chegada">
<label class="reserva-form-chegada-label">Chegada ↴</label>
<br />
<input type="date" />
</div>
<div class="reserva-form-saida">
<label class="reserva-form-saida-label">Saida ↴</label>
<br />
<input type="date" />
</div>
<div class="reserva-form-adulto">
<label class="inicio" style="margin: 0">Adultos</label>
<select name="ad" id="adultos">
<option value="1" selected="">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<div class="reserva-form-crianca">
<label class="inicio" style="margin: 0">Crianças</label>
<select name="ch" id="nCrianca">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="reserva-form-pesquisar">
<button type="submit" class="botao-pesquisar type=" submit" id="bt-pesquisa" data-enabled="enabled">
Pesquisar
</button>
</div>
<div class="reserva-form-check-in">
<a href="form-cadastro.html" class="botao-checkin" target="_blank">Pré-checkin</a>
</div>
</fieldset>
</form>
</body>
</html>
Form 2<!DOCTYPE html>
<html>
<head><!------------------------------ FORMULARIO 2 --------------------------------------------------->
<form class="reserva-form" action="" method="post">
<fieldset class="fiesdeset">
<div class="reserva-form-estadia">
<label class="reserva-form-estadia-label">DATAS DA ESTADIA ↴</label>
<br />
<input type="text" name="estadia" value="10/06/2022 - 10/07/2022" />
</div>
<div class="reserva-form-quarto">
<label class="reserva-form-quarto-label">
QUARTOS E HÓSPEDES ↴</label>
<br>
<label class="inicio"> Nº de Quartos</label>
<select name="ad" id="quarto">
<option value="1" selected="">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<div class="reserva-form-adulto">
<label class="inicio">Adultos</label>
<select name="ad" id="adultos">
<option value="1" selected="">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="reserva-form-crianca">
<label class="inicio" style="margin: 0">Crianças</label>
<select name="ch" id="nCrianca">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="reserva-form-crianca">
<label class="inicio">  Nº de Crianças 0 aos 12 Anos</label>
<select name="ch" id="nCrianca">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="reserva-form-pesquisar">
<button type="submit" class="botao-pesquisar type=" submit" id="bt-pesquisa" data-enabled="enabled">
Buscar
</button>
</div>
</fieldset>
</form>
</body>
</html>A) Os formulários estão em arquivos diferentes?
Sim. O primeiro form está no index.htm e o segundo form está no reserva.htmlB) O sr. quer que os dados digitados em um, apareçam simultaneamente no outro?
Sim. Quando eu preencher o form do index.html (form 1) e clicar em pesquisa ele encaminhe para a página reserva.html (form 2) os dados que foram digitados no index.html (form 1).C) Mas cada um vai estar aberto em uma aba diferente do browser?
Sim.D) Ou vão estar abertos em devices diferentes, em redes diferentes (um form aberto do Brasil e o outro no Japão)?
Não. Vão estar aberto em uma aba diferente do browser?
Certo.
Então o sr. tem duas abas abertas.
E o que digitar na aba X, precisa aparecer na aba Y?
E isso serve pra q?
O que isso resolve?
Pq não pode resolver na mesma aba, igual a grande maioria dos sites do mundo?
Então o sr. tem duas abas abertas.
Sim.
E o que digitar na aba X, precisa aparecer na aba Y?
Sim.
E isso serve pra q?
Isso é um formulário de hospedagem o form1(aba x) a pessoa faz uma consulta e essa consulta leva os dados pra o form2(aba y).
O que isso resolve?
Isso resolver o fato de a pessoa fazer a reserva sabendo que tem a opção na consulta.
Pq não pode resolver na mesma aba, igual a grande maioria dos sites do mundo?
No form1 na verdade é só uma consulta que leva ao form 2. No form 2 é que na verdade vai resolver tudo como todos os sites do mundo. Então o form 1 na verdade ele é somente um link que leva ao form 2 os dados (data da chegada e saída, adultos e criança)
Na imagem abaixo explica mais um pouco
Ôppa!
Acho q estou quase entendendo. Na verdade, não há necessidade de duas abas abertas simultaneamente.
pode ser até na mesma aba. Assim como o colega sugeriu.
Além do mais não dar para usar duas abas, a não ser que desenvolva o próprio browser para isso, o crie um extensão para algum já existente.
Isso envolve segurança pessoal e nenhum navegador dá suporte nativo a manipulação de abas, por causa das arbtrariedades nocivas dessa ação.
Em outro contexto como disse no mesmo tópico sobre a mesma questão elvantada pelo mesmo usuário, a coisa pode ser feita em um único formulário.
Hora que se em form 1 definine dados >>>> envia os mesmos dados para form 2 que por sua vez envia para form 3 etc...
A qualquer parte desse processo os dados do form 1 ou 2 sei lá; podem ser alterados, então para que usar mais de um formulário?
Um vez que os dados podem ser substituídos/apagados removendo completamente a lógica de usar mais de um formulário.
Olá!
Então qual seria a forma?
Desde já agradeço.
Nao sei se entende direito a pergunta
Mais deve ser isso
form1
<body onload="save()" onunload="save()">
<form name="form1" id="form1" action="form2.html" method="post">
<input id="campo1" name="campo1" value="ValorCampo1"><br>
<br>
<button type="submit" id="form1-submit">Confirmar</button>
</form>
</body>
javascript
<script>
function gohome(){
window.location='form1.html';
}
function save(){
window.localStorage.setItem('campo1', $('#campo1').val());
}
function load(){
$('#campo2').val(window.localStorage.getItem('campo1'));
}
function erase(){
window.localStorage.removeItem('campo1');
}
</script>
Form2
<body onload="load()" onunload="erase()">
<form name="form2" id="form2" action="form1.html" method="get">
<input id="campo2" name="campo2"><br>
<br>
<button type="button" id="form2-submit" onclick="gohome()">Confirmar</button>
</form>
</body>Olá Jack Oliveira,
Não está passando os dados.
Criei um HTLM e dei para ele o nome form1.html
Criei um segundo HTML e dei para ele o nome form2.html
Eu clico em confirmar no form1 e os dados não passa para o form2.
A pergunta é: esses dados é pra colocar tudo no mesmo form em uma página html? Ou é pra colocar em páginas diferentes exemplo form1 na pagina1 e form2 na pagina2.
Porque do jeito que está o código não está passando para o próximo form.
Desde já agradeço
Olá!
Não entendi.
Se puder, ajude-nos a enteder melhor:
A) Os formulários estão em arquivos diferentes?
B) O sr. quer que os dados digitados em um, apareçam simultaneamente no outro?
C) Mas cada um vai estar aberto em uma aba diferente do browser?
D) Ou vão estar abertos em devices diferentes, em redes diferentes(um form aberto do Brasil e o outro no Japão)?