HTMLフォームの作成とレンダリングのためのサンプルコード


<!DOCTYPE html>
<html>
<head>
  <title>HTMLフォームのサンプル</title>
</head>
<body>
  <h2>お問い合わせフォーム</h2>
  <form action="submit.php" method="post">
    <label for="name">お名前:</label>
    <input type="text" id="name" name="name" required><br><br>

    <label for="email">メールアドレス:</label>
    <input type="email" id="email" name="email" required><br><br>

    <label for="message">メッセージ:</label>
    <textarea id="message" name="message" rows="4" cols="50" required></textarea><br><br>

    <input type="submit" value="送信">
  </form>
</body>
</html>

このサンプルコードは、お問い合わせフォームを作成するための基本的なHTML構造を示しています。フォームは「submit.php」というアクション属性で指定されたファイルにデータを送信します。フォームの各項目には、ID、名前、必須属性が指定されています。

この例では、「お名前」、「メールアドレス」、および「メッセージ」という3つのフィールドがあります。ユーザーはこれらのフィールドに適切な情報を入力し、「送信」ボタンをクリックすることでフォームのデータが送信されます。

このサンプルコードを使用することで、HTMLフォームを作成し、ウェブページにレンダリングする方法を学ぶことができます。必要に応じて、このコードをカスタマイズしてデザインや機能を追加することもできます。