【HTML🔰】問い合わせフォームで使うlabelのfor、inputのid・nameで必ず一致させないといけないのは？

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。

forとid。紐づける役割がある

    <label for="name">名前（担当者）</label>
    <input type="text" id="name" name="name">

上記のように項目を設定する際、labelタグとinputタグを使うが、その時にはlabelではforの値をinputではidの値を同じ名前で設定する。

別の名称でもOK。

ただ管理上3つ合わせておいた方がよいということと、3つ合わせておけばまず間違えないと言うこともあり同じものを使うことが多い。

inputにあるidとnameの役割

id → labelと紐づけるため
name → フォーム送信時にデータを識別するため

で覚える。