How to handle contact form?

Hi all,

I am working on contact form feature but it doesn’t work properly I am using hugo and send form to email which is of example I am only passing real address of the email) and it outputs 405 not allowed error. this is the action part: form action=“” target=“_blank” method=“post”>
Here is the all code for contact form section:

  <div class="bg-white p-4">
      <h3>Contact Us</h3>   
        <form action="" target="_blank" method="post">
          <input type="text" id="name" name="name" class="form-control mb-4 px-0" placeholder="Name">
          <input  class="form-control mb-4 px-0" placeholder="Email address">
          <input type="text" id="name" name="name" class="form-control mb-4 px-0" placeholder="Organization"></input>
            <label for="community">I work with:</label>
            <input list="communities" name="community" id="community">
            <datalist id="communities">
              <option value="Academic Institution">
              <option value="Government">
              <option value="NGO / Foundation / Philanthropy / OSS Stakeholder Org">
              <option value="Corporation">
              <option value="Individual">
          <input class="btn btn-primary" type="submit" value="Submit">

How can I handle this issue? When I pass any other url it is working like twitter or my personal email address but it doesn’t work in that case.

That’s not how forms work.

A form submits data to a form handler (defined by the action attribute), and then the form handler does something with the data (adds an entry to data base, sends an email, etc.).

That isn’t a form handler.