[Support Guide] Form not showing in Netlify site dashboard

[Dennis]

Last reviewed: October 2024

We can definitely help you get your form working! Our form handling will work automatically for valid html forms but there are a few things you need so our form-handling can find your form. Here’s a few common things to check for:

1. Your <form> tag has a netlify (or data-netlify=true in javascript frameworks) attribute, as described and demonstrated in this article.

2. You have a name attribute for your form definition to let our system identify it as a unique form and to choose a display name in the Netlify site dashboard.

3. You further have a “name” attribute with a unique value for each form field in your form. Something like <input name="email" ...> or <textarea name="message" ...> is what you need, so that each of your form fields is sent from the browser and can be collected on our end. Make sure you don’t have two of the same field names on a single form; this will make one field override the other in an unexpected way. Fields without names will be ignored by our processing.

Make sure you have those things in your standards-compliant html form and you should find your form in your dashboard! There’s some more useful information and a good example here.

If you think you have all these things in place, and things are still not working, or you have a javascript form, you should probably take a look at our longer forms debugging article which includes a lot more details.

[matcham]

Hi,

Unfortunately I’ve implemented the form the right way (1,2,3) but I still can’t see form data from netlify UI.

Furthermore, every form data ever saw submitted, is now blank, so weird ?

What should I do ?

Thanks

[perry]

Hiya, sorry you are having trouble getting your forms to work.

This Support Guide is the first port of call to debug any forms issues.

We also recommend trying to search the forums or look at topics tagged Netlify forms if you haven’t already - it’s likely your question was already asked by someone else!

If you are still having problems, please provide more information such as what you have already tried, and a link to your live form.

[matcham]

Thanks,

Here the webpage : https://api-annuaire-sante.fr
Here the sample of my form :

    <form name="inscription" netlify>
                <div class="field">
                    <label>Nom *</label>
                    <div class="control">
                        <input type="text" class="input is-medium" placeholder="Nom" name="firstname" required>
                    </div>
                </div>
                <div class="field">
                    <label>Prénom *</label>
                    <div class="control">
                        <input type="text" class="input is-medium" placeholder="Prénom" name="lastname" required>
                    </div>
                </div>
                <div class="field">
                    <label>Adresse email *</label>
                    <div class="control">
                        <input type="mail" class="input is-medium" placeholder="Adresse email" name="email" required>
                    </div>
                </div>
                <div class="field">
                    <label>Téléphone</label>
                    <div class="control">
                        <input type="tel" class="input is-medium" placeholder="Téléphone" name="phone" minlength="10" >
                    </div>
                </div>
                <div class="field">
                    <label>Société</label>
                    <div class="control">
                        <input type="text" class="input is-medium" placeholder="Société" name="company">
                    </div>
                </div>
                <input type="submit" class="button is-fullwidth secondary-btn is-rounded" value="Commencer"/>
            </form>

[fool]

When you change the input names on your form submissions, we no longer show data for the old submissions using the old names. So you’ll want to change those back to retrieve your old data We don’t recommend changing form field names because of this!

As far as I can tell, the form on your webpage posts directly to slack, so not much to debug on our side. If you want to link to an older deploy in your deploys listing (from here: Netlify App) then we can take a look at how it used to be setup, and maybe be able to advise you on any failures in Netlify’s form handling.

[matcham]

Thanks for your response @fool

I use this call to slack because of issues.
I can’t navigate through previous build because I removed the website and I uploaded it again.

Please take a look at this one : https://wizardly-yalow-5867ac.netlify.com/

My forms looks normal but still no data received…

[fool]

I looked in the database and can see that we found no form fields at all in your html form at deploy time (both of the forms on that site are the same - have no fields defined in the plain html). Please review this doc, as it describes exactly your problem and how to fix it:

[Support Guide] My form renders with JavaScript but won't work properly

Last reviewed: August 2023 Fear not, there’s just a couple of extra things to make sure you have that will probably get things working! The most frequent cause of problems with JS forms is that you (or your static site generator) need to create an HTML version of your form to match your JavaScript version. Some frameworks like gatsby/react may do this automatically, but the important part is that the HTML version MUST match what your JS submits exactly: same form name, and field names. You mu…

Your submission will work better once the form has a definition that contains the data you send us

[matcham]

Finally,

I used gulp to split my files and I put every forms into one single html file, it works !

[Adriano777]

Please can you see if i commited any errors? Thank you!

[perry]

adriano, i responded to your other thread with some suggestions.

[splendidel]

hello, i receive notification on my mail for submitted form, but the submitted data is not in it

[hillary]

Hey there, @splendidel

Thanks for reaching out, and welcome to Netlify Forums

I am sorry you are having trouble getting your forms to work.

This Support Guide is the first port of call to debug any forms issues. There are also many other Support Guides for forms - you can find them here: #Netlify-support: support-guides

We also recommend trying to search the forums or look at topics tagged Netlify forms if you haven’t already - it’s likely your question was already asked by someone else!

If you are still having problems after reading the above links, please create a new thread and provide more information such as what you have already tried, a link to your live form, any errors or logs from your builds, etc.

[Manage0]

Hi everyone!

I actually got problems with my form, I tried everything what is available for debug, but nothing worked. So this a React App (https://drkeseruklaudia.netlify.app/), if it matters, the build ran on my computer so not a git-netlify build. Here is the code of the form:

<form name="contact v1" method="POST" data-netlify="true" enctype="application/x-www-form-urlencoded">
        <input type="hidden" name="form-name" value="contact v1" />
        <p>
          <label>Your Name: <input type="text" name="name v1" /></label>
        </p>
        <p>
          <label>Your Email: <input type="email" name="email v1" /></label>
        </p>
        <p>
          <label>Your Role: <select name="role v1" multiple>
            <option value="leader">Leader</option>
            <option value="follower">Follower</option>
          </select></label>
        </p>
        <p>
          <label>Message: <textarea name="message v1"></textarea></label>
        </p>
        <p>
          <button type="submit">Send</button>
        </p>
      </form>

It is on the top of the page, it will be more bottom, but I actually want to have one working form I will make the rest right.

So the problem is, that I cannot see the form on the dashboard and after clicking on the submit button it throws a 404 error.

Please help me!

[coelmay]

Hi @Manage0

Have you followed the Work with JavaScript-rendered forms documentation by creating a hidden form for Netlify to detect?

[Manage0]

<form name="contact v1" netlify netlify-honeypot="bot-field" hidden>
<input type="text" name="name v1" />
<input type="email" name="email v1" />
<textarea name="message v1"></textarea>
</form>

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

Like this? yes