Eu tenho o formulário abaixo nele contém um formulário e abaixo tem os itens. A questão é como eu escolho os itens no formulário e esta pesquisa vai para o item específico como se fosse uma âncora tudo na mesma página.
[CÓDIGO]< ! DOCTYPE html >
<html>
<>
</cabeça>
<>
<div class="reserva-area" >
<div class="reserva-area-itens">
<forme class="reserva-form" action="reserva.html" método="post">
<definição de campo="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 ↴</rótulo>
<br>
<label class="inicio">  Nº de Quartos</rótulo>
<selém nome="ad" id="quarto">
<do valor deopção="1" selecionado=">1</opção>
<pato="2">2</opção>
<o valor="3">3</opção>
< valor de opção="4">4</opção>
< valor de opção="5">5</opção>
</select>
</div>
<div class="reserva-form-adulto">
<label class="inicio">Adultos</label>
<selém nome="ad" id="adultos">
<do valor deopção="1" selecionado=">1</opção>
<pato="2">2</opção>
<o valor="3">3</opção>
< valor de opção="4">4</opção>
< valor de opção="5">5</opção>
<o valor="6">6</opção>
< valor de opção="7">7</opção>
< valor de opção="8">8</opção>
< valor de opção="9">9</opção>
< valor de opção="10">10</opção>
</select>
</div>
<div class="reserva-form-crianca">
<label class="inicio">  Nº de Crianças 0 a 12 Anos</rótulo>
<selém nome="ch" id="nCrianca">
<o valor deoption="0" selecionado="selecionado">0</opção>
< valor de opção="1">1</opção>
<pato="2">2</opção>
<o valor="3">3</opção>
< valor de opção="4">4</opção>
< valor de opção="5">5</opção>
<o valor="6">6</opção>
< valor de opção="7">7</opção>
< valor de opção="8">8</opção>
< valor de opção="9">9</opção>
< valor de opção="10">10</opção>
</select>
</div>
<div class="reserva-form-pesquisar">
<button type="submit" class="botao-pesquisar type=" submit" id="bt-pesquisa" data-enabled="enabled">
Buscar
</botão>
</div>
</fieldset>
</formulário>
</div>
</div>
< seção>
<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 (tamanho da rainha);
<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" carregamento="preguiçoso">
</li>
</ul>
</div>
</seção>
< seção>
<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 (tamanho da rainha);
<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" carregamento="preguiçoso">
</li>
</ul>
</div>
</seção>
</corpo>
</html>
[/CÓDIGO]
[CÓDIGO]< ! DOCTYPE html >
<html>
<>
</cabeça>
<>
<div class="reserva-area" >
<div class="reserva-area-itens">
<forme class="reserva-form" action="reserva.html" método="post">
<definição de campo="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 ↴</rótulo>
<br>
<label class="inicio">  Nº de Quartos</rótulo>
<selém nome="ad" id="quarto">
<do valor deopção="1" selecionado=">1</opção>
<pato="2">2</opção>
<o valor="3">3</opção>
< valor de opção="4">4</opção>
< valor de opção="5">5</opção>
</select>
</div>
<div class="reserva-form-adulto">
<label class="inicio">Adultos</label>
<selém nome="ad" id="adultos">
<do valor deopção="1" selecionado=">1</opção>
<pato="2">2</opção>
<o valor="3">3</opção>
< valor de opção="4">4</opção>
< valor de opção="5">5</opção>
<o valor="6">6</opção>
< valor de opção="7">7</opção>
< valor de opção="8">8</opção>
< valor de opção="9">9</opção>
< valor de opção="10">10</opção>
</select>
</div>
<div class="reserva-form-crianca">
<label class="inicio">  Nº de Crianças 0 a 12 Anos</rótulo>
<selém nome="ch" id="nCrianca">
<o valor deoption="0" selecionado="selecionado">0</opção>
< valor de opção="1">1</opção>
<pato="2">2</opção>
<o valor="3">3</opção>
< valor de opção="4">4</opção>
< valor de opção="5">5</opção>
<o valor="6">6</opção>
< valor de opção="7">7</opção>
< valor de opção="8">8</opção>
< valor de opção="9">9</opção>
< valor de opção="10">10</opção>
</select>
</div>
<div class="reserva-form-pesquisar">
<button type="submit" class="botao-pesquisar type=" submit" id="bt-pesquisa" data-enabled="enabled">
Buscar
</botão>
</div>
</fieldset>
</formulário>
</div>
</div>
< seção>
<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 (tamanho da rainha);
<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" carregamento="preguiçoso">
</li>
</ul>
</div>
</seção>
< seção>
<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 (tamanho da rainha);
<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" carregamento="preguiçoso">
</li>
</ul>
</div>
</seção>
</corpo>
</html>
[/CÓDIGO]
