ページ内ジャンプができない

前提　＆　 実現したいこと

iSARAの模写をしています。
headerの「資料請求」がクリックされたら下にある「資料請求フォーム」に飛びたいです。
初歩的質問であることは痛感しています。親切な方いらっしゃいましたらお願い致します。

↓↓↓↓↓↓↓↓↓

該当のソースコード

html

<header> <div class="header-left"> <p>バンコクのノマドエンジニア育成講座</p> <img src="./images/images02.png" alt=""> </div> <div class="header-right" > <button class="data-request" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <img src="./images/images03.png" alt=""> <p> <a href="#"form>資料請求</a> </p> </div> </button> </header> ------------------------------------------- <form id="form"> <h2 >資料請求フォーム</h2> </form>