How do I put a label inside the textbox?

Hi I'm using pycharm and I'm new. I have this html code:

    {% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/contact.css' %}">

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.rtl.min.css" integrity="sha384-OXTEbYDqaX2ZY/BOaZV/yFGChYHtrXH2nyXJ372n2Y8abBhrqacCEe+3qhSHtLjy" crossorigin="anonymous">

    <title> Contact Page </title>
  </head>
  <body>
  <div class="text-center">
      <h1> Contact Page </h1>
  </div>

  <div class="container">
      <div class="row">
        <div class="col-sm-12 col-12">
            <form method="post">
                {%  csrf_token %}

                {% for foo in form %}
                    {{ foo.errors }}
                    {{ foo }}
                {% endfor %}

                <button type="Submit" class="btn btn-primary">Submit</button>
            </form>
        </div>
      </div>
  </div>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>
    -->
  </body>
</html>

This would then output this: Contact Page

How do I put label inside the textbox?, 1st box being "Email", 2nd one to be "Subject", and the last one to be "Message">.

How do I put a label inside the textbox?

0 Answers