FORM HTML is NOT SUBMITTED or SHOWN in NETLIFY UI, 404; but hidden elements are added

[Mark-Kagach]

Omnifood — Never cook again!

The form is not submitted or shown in Netlify’s UI, 404 redirect.
Yet, it is recognized because the hidden element is added and netlify’s attribute is removed:

<form method="post" name="contact"><input type="hidden" name="form-name" value="contact">
                        <input name="name" type="text" required="" placeholder="Name" style="">
                        <input name="email" type="email" required="" placeholder="Email" style="">
                        <button class="cta-btn">Pick Your Gift Meal</button>
                    </form>

For your convenience I put my original form here:

<form name="contact" netlify>
                        <input
                            name="name"
                            type="text"
                            required
                            placeholder="Name"
                        />
                        <input
                            name="email"
                            type="email"
                            required
                            placeholder="Email"
                        />
                        <button class="cta-btn">Pick Your Gift Meal</button>
                    </form>

I’ve tried multiple versions of the form, yet nothing. I have enabled form detection and redeployed my website, still nothing. I’ve read all the posts highlighting obvious form mistakes, none helped.

Don’t redirect me to another posts, I’ve read multiple support tickets and documentation – it didn’t help.

I even tried deploying similar website that I know by fact should work on my account, and yet, the same 404 issue. (I know by fact because I’m following a course, I have the copy of the exact same code, and it worked there, yet not on my account. The original is: https://omnifood.dev (original), and my copy https://frolicking-taiyaki-dafaeb.netlify.app ).

That’s most of what I know.

[nathanmartin]

@Mark-Kagach I can’t immediately answer your question as to why you’re having issues with Netlify Forms, but what I can do is point out an inconsistency which could help you self-solve.

@Mark-Kagach

I have the copy of the exact same code, and it worked there, yet not on my account.

^ There is absolutely a difference between the two sites.

When you submit the form here:
https://omnifood.dev/

You’ll see:

It doesn’t look like a Netlify Forms submission.
It’s using GET not POST and there is no form-name.
It’s probably a submission to a custom function.

This is confirmed by the markup:

When you submit the form here:
https://frolicking-taiyaki-dafaeb.netlify.app/

You’ll see:

Where the payload is:

It does look like a Netlify Forms submission.
It’s using POST and a form-name is supplied.

This is confirmed by the markup:

[Mark-Kagach]

I see, you’re right.

Yet what should I do so my form would work?

[nathanmartin]

@Mark-Kagach

Yet what should I do so my form would work?

At this stage, that’s still for you to determine.

I’d recommend trying a deployment containing the example form shown in the Netlify documentation:

https://docs.netlify.com/forms/setup/#html-forms

For example, if you believe there’s no issue with your code, but rather something wrong with the Netlify system, then showing that as “not working” would be the ideal way to draw attention.

[Mark-Kagach]

Great idea!

I’ve added a documentation form on my website, below my existing form.

When trying to submit the same issue arises: 404.

So neither forms work, yet both are recognized. Any hypothesis? I’m out of guesses as a beginner.

[nathanmartin]

@Mark-Kagach

Any hypothesis?

It may very well be broken.

With the code copied and pasted from the docs, and form detection enabled, I’d expect it to work.

I also note that this user appears to be reporting the same issue:
https://answers.netlify.com/t/static-html-form-not-recognized/129499

The last thing I can think to ask, is how are you deploying the site?
Is it linked to repository? deployed via CLI? ‘drag & drop’?

[R_R]

I experience the same issue right now. I tried multiple examples from the documentation, I have all required fields as well as Form Detection enabled. Still, it doesn’t work. It seems like netlify is not catching POST requests properly as it throws the 404 error. I’m on a free tier account.

• It’s a static page, single “index.html” file
• I’ve Form Detection enabled
• Aftery deploy, there are no forms detected in the Forms settings
• I use the drag & drop deploy
• I tried multiple examples and configurations for the html code, none of that worked
• I tried the _rewrite file to send everything to /, still didn’t work
• It returns back the 404 error

Source code:

<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>Random title</title>

</head>

<body>


	<form name="contactbbbb" data-netlify="true">
		<p>
			<label>Name <input type="text" name="name" /></label>
		</p>
		<p>
			<label>Email <input type="email" name="email" /></label>
		</p>
		<p>
			<button type="submit">Send</button>
		</p>
	</form>


</body>

</html>

Code rendered by netlify:

<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>Random title</title>

</head>

<body>


	<form method='post' name='contactbbbb'><input type='hidden' name='form-name' value='contactbbbb' />
		<p>
			<label>Name <input type="text" name="name" /></label>
		</p>
		<p>
			<label>Email <input type="email" name="email" /></label>
		</p>
		<p>
			<button type="submit">Send</button>
		</p>
	</form>


</body>

</html>

[R_R]

So here is the thing… I upgraded to the “Pro” plan from “Free & Starter” plan and my form started working. It’s detected now in the dashboard, no more errors.

It seems like when the “Free & Starter” plan was introduced, the “Form detection” was not included in that plan, even tough on the Pricing page it states that it should be available in the free plan.

[hrishikesh]

I’ve asked the devs to take a look at this.

[Daniel_Herr]

I believe that’s the problem. I’m on the free tier. It would be nice if the docs and UI reflected that so I wouldn’t spend hours trying to get it to work.

[Mark-Kagach]

how’s the looking going? Is the issue really the free tier?

[sid.m]

We’ve fixed the bug causing this issue, you should be unblocked now!

[Daniel_Herr]

It is partially working. I can successfully submit, and the recent submissions section on the /overview is working, but the /forms page is still not populating my form.

[sid.m]

Could you provide a link to the form in question?

[Daniel_Herr]

https://daniel-herr-software-forms.netlify.app/netlify

Netlify

[sid.m]

To clarify, are you saying you can successfully see form submissions here:

Netlify

But not here?

Netlify

Where is your second screenshot coming from?

[Daniel_Herr]

Yes, I can see the recent submissions section at

Netlify

I can select one of the submissions to go to the form page at

Netlify

But as you can see from the earlier screenshot the forms dashboard is not populating at

Netlify

[sid.m]

Thanks for clarifying! I’ve escalated this to our developers to take a look at.

[sid.m]

A fix has been rolled out for this, you should now be able to successfully view submissions at /forms. Please let us know if there are any lingering issues!

[Daniel_Herr]

/forms is working for me now.