チャレンジ：入力欄とラベルを使ったフォームの作成

目標

名前、メールアドレス、パスワードの入力欄とそれぞれのラベルを備えたインタラクティブなフォームを作成し、ウェブサイトのユーザー体験を向上させる。

課題

シンプルで使いやすいフォームをページに追加する。以下の要件に従うこと：

1. 名前入力
   • テキスト入力を使用。
   • プレースホルダーは John に設定。
   • デフォルトでフォーカス（autofocus）を設定。
2. メールアドレス入力
   • メール入力を使用。
   • プレースホルダーは example@gmail.com に設定。
   • 必須項目として設定。
3. パスワード入力
   • パスワード入力を使用。
   • この項目も必須項目として設定。

1. autofocus: ページの読み込み時に自動的に入力フィールドにフォーカスを当てる。
2. required: 入力フィールドを必須項目として指定し、未入力の場合はフォーム送信を防止する。
3. placeholder: 入力フィールドにヒントや例となるテキストを表示する。
4. for と id: ラベルと入力フィールドを関連付け、アクセシビリティを向上させる。
5. type: 入力フィールドで期待されるデータの種類を指定する（例：text、email、password）。