Colocar parte de dado de um form em outro (de um input para outro input)
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>Discussão (9)
Carregando comentários...