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

Support
7

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>