今回ははHTMLフォームについて学んでみましょう。HTMLフォームを使うと、ウェブサイト上でユーザーから情報を受け取ることができます。

1. テキスト入力欄を作成する

まずは、テキストを入力するための欄を作ってみましょう。以下のコードを使って、名前を入力するテキストボックスを作ることができます。

<label for="name">名前: </label>
<input type="text" id="name" name="name">

2. チェックボックスを追加する

次に、好きな食べ物を選択できるように、チェックボックスを追加してみましょう。以下のコードを使って、好きな食べ物を選ぶチェックボックスを作成できます。

<input type="checkbox" id="sushi" name="food" value="sushi">
<label for="sushi">寿司</label>
<br>
<input type="checkbox" id="pizza" name="food" value="pizza">
<label for="pizza">ピザ</label>

3. 送信ボタンを設置する

最後に、入力した情報をサーバーに送信するための送信ボタンを作成しましょう。以下のコードを使って、送信ボタンを追加できます。

<input type="submit" value="送信">

以上で、簡単なHTMLフォームの作成が完了しました！これでユーザーから情報を受け取る準備が整いました。