- HTMLフォームの基本的な構造を作成します。以下のコードは、ユーザー名とパスワードを入力するためのフォームを作成する例です。
<form>
<label for="username">ユーザー名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">パスワード:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="送信">
</form>-
上記のコードでは、
<form>タグでフォームを定義しています。<label>タグは、入力フィールドのラベルを定義し、<input>タグは実際の入力フィールドを作成します。<input>タグのtype属性は、入力フィールドの種類を指定します。上記の例では、テキストフィールドとパスワードフィールドが使用されています。 -
フォームが送信されたときにデータを処理するために、サーバーサイドのプログラミング言語（例えばPHPやPython）を使用する必要があります。この例では、フォームが送信されたときにデータを表示するだけの簡単なPHPスクリプトを作成します。
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$username = $_POST["username"];
$password = $_POST["password"];
echo "ユーザー名: " . $username . "<br>";
echo "パスワード: " . $password;
}
?>- 上記のPHPスクリプトをフォームの上に配置し、フォームが送信されたときにデータが表示されるようにします。
以上がHTMLフォームの基本的な作成方法と使用例です。この例では、ユーザー名とパスワードの入力フィールドを示し、フォームが送信されたときにデータを表示する方法を示しています。他の種類の入力フィールドやフォームのバリデーションなど、さまざまな追加機能を実装することも可能です。