Forms not detecting

Support
1

Hi, i created my react app and deployed it. My forms enabled but in the Forms section I can’t see my “contact” form. Here is the some part of my code:
index.html

<body>
    <form name="contact" netlify netlify-honeypot="bot-field" hidden>
      <input type="text" name="name" />
      <input type="email" name="email" />
      <input type="text" name="subject" />
      <textarea name="message"></textarea>
    </form>
    <div id="root"></div>
    <script src="../src/index.js" type="text/jsx"></script>
  </body>

ContactForm:

 <form method="POST" className="contactForm" onSubmit={handleSubmit}>
    <input type="hidden" name="form-name" value="contact" />
      <div className="formDiv">
        <label htmlFor="name">Name:</label>
        <input
          type="text"
          id="name"
          name="name"
          value={formData.name}
          onChange={handleChange}
          autoComplete="on"
          required
        />
      </div>
      <div className="formDiv">
        <label htmlFor="email">Email:</label>
        <input
          type="email"
          id="email"
          name="email"
          value={formData.email}
          onChange={handleChange}
          autoComplete="on"
          required
        />
      </div>
      <div className="formDiv">
        <label htmlFor="subject">Subject:</label>
        <input
          type="text"
          id="subject"
          name="subject"
          value={formData.subject}
          onChange={handleChange}
          required
        />
      </div>
      <div className="formDiv">
        <label htmlFor="message">Message:</label>
        <textarea
          id="message"
          name="message"
          value={formData.message}
          onChange={handleChange}
          required
        />
      </div>
      <button type="submit">Send Email</button>
    </form>

How can I fix that and where Is the problem?

2

Hi @gorkemtand,

Thanks for reaching out and welcome to Netlify’s Support Forums!

Our form handling works automatically for valid html forms that meet a few specifications. You can learn how to debug your forms in this Support Forums article.

That covers over 99% of form-related issues with our system - your answer is almost certainly in there :slight_smile:

If that doesn’t provide clarity, we need two things from you to help debug: