form

HTMLタグ解説:form

formタグの概要

formタグは、HTMLフォームを作成するためのタグです。ユーザーからの入力を受け付ける際に使用され、テキストボックスやラジオボタン、チェックボックスなどの入力フィールドを含むことができます。

ユーザーに情報を入力してもらう必要がある場面で使用されます。

基本の書き方(構文)


<form action="submit.php" method="post">
    <label for="username">Username:</label>
    <input type="text" id="username" name="username">
    <input type="submit" value="Submit">
</form>

主な属性とその説明

action: フォームが送信された時に処理するURLを指定します。

method: フォームデータを送信するHTTPメソッドを指定します (GETまたはPOST)。

使用例


<form action="login.php" method="post">
    <label for="email">Email:</label>
    <input type="email" id="email" name="email">
    <label for="password">Password:</label>
    <input type="password" id="password" name="password">
    <input type="submit" value="Login">
</form>

<form action="subscribe.php" method="post">
    <label for="email">Email:</label>
    <input type="email" id="email" name="email">
    <input type="submit" value="Subscribe">
</form>

よくある注意点・間違い

formタグ内でinput要素などのフォームコントロールを適切に配置することが重要です。また、フォームの送信先URLを適切に設定し、セキュリティを考慮してデータの送信方法を選択することが必要です。