buscar através de um form
Tenho o form abaixo nele contém um formulário e abaixo tem os itens. A pergunta é como faço para escolher os itens no form e dessa pesquisa ir para o item especifico como se fosse uma ancora tudo na mesma página.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="reserva-area" >
<div class="reserva-area-itens">
<form class="reserva-form" action="reserva.html" 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" id="nameDiv" 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">  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>
</div>
</div>
<section>
<div>
<h2>Quarto 1.</h2>
<p data-aos="fade-hight" data-aos-delay="100">
<b>Acomodam:</b>
<br>
Até 1 adultos;
<br>
Ou 1 adultos + 1 crianças até 11 anos;
<br>
<b>Contem:</b>
<br>
1 cama de solteiro (queen size);
<br>
<b>Ocupação:</b>
<br>
maxima 1 Pessoas.
<br />
<b>Nesse quarto tem</b>
<br>
Ar, telefone, acesso a internet, cofre, frigrobar, escrivania, armário parede de vidro e banheiro privado.
<div>
<ul class="reserva-quarto-ul-fotos">
<li class="reserva-quarto-li-fotos">
<img class="reserva-quarto-img-foto" src="/assets/images/quarto-reserva/1.jpg" alt="Quarto Premium" loading="lazy">
</li>
</ul>
</div>
</section>
<section>
<div>
<h2>Quarto 2.</h2>
<p data-aos="fade-hight" data-aos-delay="100">
<b>Acomodam:</b>
<br>
Até 1 adultos;
<br>
Ou 1 adultos + 1 crianças até 11 anos;
<br>
<b>Contem:</b>
<br>
1 cama de solteiro (queen size);
<br>
<b>Ocupação:</b>
<br>
maxima 1 Pessoas.
<br />
<b>Nesse quarto tem</b>
<br>
Ar, telefone, acesso a internet, cofre, frigrobar, escrivania, armário parede de vidro e banheiro privado.
<div>
<ul class="reserva-quarto-ul-fotos">
<li class="reserva-quarto-li-fotos">
<img class="reserva-quarto-img-foto" src="/assets/images/quarto-reserva/1.jpg" alt="Quarto Premium" loading="lazy">
</li>
</ul>
</div>
</section>
</body>
</html>Discussão (3)
Carregando comentários...