HTMLでフォームとは何ですか?

HTMLでフォームとは何ですか?

formタグとは、HTMLでフォームを作るためのタグのことです。フォームとは、入力欄や送信ボタンの集まりのことを指します。フォームを使うと、名前やメールアドレスなどのブラウザで入力された情報をまとめてサーバーへ送ることができます。

フォームの基本構造

基本的なフォームの構造を以下に示します。

<form action="submit-form.php" method="post">
    <label for="name">名前:</label>
    <input type="text" id="name" name="name"><br>
    <label for="email">メールアドレス:</label>
    <input type="email" id="email" name="email"><br>
    <input type="submit" value="送信">
</form>
    

属性の説明

上記のコードの各部分を詳しく説明します。

タグ・属性 説明
<form> フォーム全体を囲むタグ。action属性で送信先URL、method属性で送信方法を指定します。
<label> 入力項目に関連付けたラベルを表示するタグ。for属性で対応する入力欄のIDを指定します。
<input> ユーザーがデータを入力するためのフィールドを定義するタグ。type属性で入力の種類を指定(例: text, email, submit)。

実際のフォームの例

以下は実際に動作するフォームの例です。ブラウザに表示させて入力を試してください。



このようにして、フォームを使ってユーザーからのデータを収集し、サーバーに送信することができます。

その他の参考記事: