HTML フォームとは何ですか？
HTML フォームの基本
HTML フォームは、ドキュメントのセクションであり、テキストフィールド、パスワードフィールド、チェックボックス、ラジオボタン、送信ボタン、メニューなどのコントロールを含んでいます。このフォームは、名前、メールアドレス、パスワード、電話番号などのデータをユーザーが入力し、そのデータをサーバーに送信して処理するためのものです。
HTML フォームの例
以下に、基本的な HTML フォームの例を示します：
<form action="submit_form.php" method="post">
<label for="name">名前：</label>
<input id="name" name="name" type="text" /><br /><br />
<label for="email">メールアドレス：</label>
<input id="email" name="email" type="email" /><br /><br />
<label for="password">パスワード：</label>
<input id="password" name="password" type="password" /><br /><br />
<label for="phone">電話番号：</label>
<input id="phone" name="phone" type="tel" /><br /><br />
<input type="submit" value="送信" />
</form>HTML フォームの各コントロールの役割
| コントロール | 属性 | 説明 |
|---|---|---|
| テキストフィールド | <input type="text"> | ユーザーがテキストを入力できます。 |
| パスワードフィールド | <input type="password"> | ユーザーがパスワードを入力できます。文字は非表示です。 |
| メールアドレスフィールド | <input type="email"> | ユーザーがメールアドレスを入力できます。 |
| 電話番号フィールド | <input type="tel"> | ユーザーが電話番号を入力できます。 |
| 送信ボタン | <input type="submit"> | フォームを送信します。 |
Q&A
Q1: HTML フォームの目的は何ですか？
A1: HTML フォームの目的は、ユーザーからのデータを収集し、そのデータをサーバーに送信して処理することです。
Q2: フォームはどのように送信されますか？
A2: フォームは、<form> タグ内の送信ボタン（<input type="submit">）を押すことで送信されます。
Q3: フォームで使用される一般的な入力タイプは何ですか？
A3: テキスト、パスワード、メール、電話、そして送信ボタンなどが一般的な入力タイプです。